
<!DOCTYPE html>
<html lang="zxx">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    
    <!-- Document Title -->
        <title>Popdelos80.com</title>

    <!-- Favicon -->
    <link rel="shortcut icon" type="image/png" href="assets/images/favicon.png">

    <!--==== Google Fonts ====-->
    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700%7CVollkorn:400,400i,700" rel="stylesheet">

    <!-- CSS Files -->

    <!--==== Bootstrap css file ====-->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">

    <!--==== Font-Awesome css file ====-->
    <link rel="stylesheet" href="assets/css/font-awesome.min.css">

    <!--==== Owl Carousel ====-->
    <link rel="stylesheet" href="assets/plugins/owl-carousel/owl.carousel.min.css">

    <!--==== Animate css file ====-->
    <link rel="stylesheet" href="assets/plugins/animate/animate.min.css">

    <!--==== Style css file ====-->
    <link rel="stylesheet" href="assets/css/style.css">

    <!--==== Responsive css file ====-->
    <link rel="stylesheet" href="assets/css/responsive.css">
    <!--==== Custom css file ====-->
    <link rel="stylesheet" href="assets/css/custom.css">
</head>
<body>
    <!-- Preloader -->
    <div class="preloader">
        <div class="preload-img">
            <div class="sk-circle">
                <div class="sk-child sk-circle1"></div>
                <div class="sk-child sk-circle2"></div>
                <div class="sk-child sk-circle3"></div>
                <div class="sk-child sk-circle4"></div>
                <div class="sk-child sk-circle5"></div>
                <div class="sk-child sk-circle6"></div>
                <div class="sk-child sk-circle7"></div>
                <div class="sk-child sk-circle8"></div>
                <div class="sk-child sk-circle9"></div>
                <div class="sk-child sk-circle10"></div>
                <div class="sk-child sk-circle11"></div>
                <div class="sk-child sk-circle12"></div>
            </div>
        </div>
    </div>
    <!-- End of Preloader -->
    <!-- Header -->
    <header class="bizagn--header">
        <!-- Overlay -->
        <div class="nav-ol"></div>
        <!-- End of Overlay -->
        <div class="bizagn--sticky-nav sticky-header-true">
            <div class="container">
                <!-- Navbar -->
                <div class="bizagn--navbar">
                    <div class="row align-items-center">
                        <div class="col-md-3 col-6">
                            <!-- End of logo -->
                        </div>
                        <div class="col-md-9 col-6 d-flex align-items-center justify-content-end position-static">
                            <!-- Nav Menu -->
                            <div class="bizagn--nav-menu">
                                <ul>
                                    <li><a href="#about">About</a></li>
                                    <li><a href="#services">Services</a></li>
                                    <li><a href="#unsubscribe">Unsubscribe</a></li>
                                    <li><a href="disclaimer.html">Disclaimer</a></li>
                                    <li><a href="privacy.html">Privacy</a></li>
                                    <li><a href="contact.html">Contact</a></li>
                                </ul>
                            </div>
                            <!-- End of Nav Menu -->
                        </div>
                    </div>
                </div>
                <!-- End of Navbar -->
            </div>
        </div>
        <!-- end of off canvas -->
    </header>
    <!-- End of Header -->
    <!-- Banner Slider -->
    <section class="bizagn--bnner-cover">
        <div class="container">
            <div class="bizagn--banner bizagn--owl-btn owl-carousel" data-owl-nav="true" data-owl-dots="true" data-owl-animate-out="fadeOut" data-owl-animate-in="fadeIn" data-owl-margin="5">
                <!-- slide 01 -->
                <div class="bizagn--banner-slide">
                    <div class="row">
                        <div class="col-md-6">
                            <!-- Slide Text -->
                            <div class="bizagn--banner-slide-text">
                                <h1>We Are Creative Agency.</h1>
                                <p>Crafting digital brilliance with innovation, passion, and a touch of creativity that sets us apart.</p>
                                <a href="#about" class="btn bizagn--base-btn">
                                    <img src="assets/images/btn-right-arrow.svg" alt="" class="svg left"> About Us
                                    <img src="assets/images/btn-right-arrow.svg" alt="" class="svg right">
                                </a>
                            </div>
                            <!-- End of Slide Text -->
                        </div>
                        <div class="col-md-6 d-flex justify-content-md-end">
                            <!-- Slide Images -->
                            <div class="bizagn--banner-slide-images">
                                <div class="main-image">
                                    <img src="assets/images/banner/1.jpg" alt="" class="img-fluid" data-rjs="2">
                                    <div class="small-image">
                                        <img src="assets/images/banner/1-1.png" alt="" class="img-fluid" data-rjs="2">
                                    </div>
                                </div>
                            </div>
                            <!-- End of Slide Images -->
                        </div>
                    </div>
                </div>   
                
                <!-- End of slide 01 -->
            </div>
        </div>
    </section>
    <!-- End of Banner Slider -->
    <!-- Project -->
    <section class="pt-120 pb-120" data-bg-img="assets/images/project/bg.png">  
        <div class="container">
            <!-- Section Title -->
            <div class="bizagn--section-title">
                <p>projects</p>
                <h2>Take a peek at our <br> latest projects</h2>
            </div>
            <!-- End of Section Title -->
            <!-- Project Filter -->
            <div class="bizagn--project-filter">
                <!-- Project Filter Buttons -->
                <div class="bizagn--project-filter-buttons">
                    <button class="filter-btn" data-filter="*"> All </button>
                    <button class="filter-btn" data-filter=".creative"> Creative </button>
                    <button class="filter-btn" data-filter=".branding"> Branding </button>
                    <button class="filter-btn" data-filter=".web"> Web </button>
                </div>
                <!-- End of Project Filter Buttons -->
                <div class="row no-gutters bizagn--project-filter-items isotope">
                    <!-- Filter Item -->
                    <div class="col-lg-4 col-md-6 col-sm-12 bizagn--filter-item branding">
                        <div class="d-flex justify-content-center">
                            <div class="d-inline-block position-relative">
                                <img src="assets/images/project/0-1.jpg" alt="" class="img-fluid">
                                <div class="bizagn--filter-item-data">
                                    <p>Branding</p>
                                    <a href="project-details.html"><img src="assets/images/project/arrow.svg" alt="" class="img-fluid"></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- End of Filter Item -->
                    <!-- Filter Item -->
                    <div class="col-lg-4 col-md-6 col-sm-12 bizagn--filter-item creative">
                        <div class="d-flex justify-content-center">
                            <div class="d-inline-block position-relative">
                                <img src="assets/images/project/0-2.jpg" alt="" class="img-fluid">
                                <div class="bizagn--filter-item-data">
                                    <p>Creative</p>
                                    <a href="project-details.html"><img src="assets/images/project/arrow.svg" alt="" class="img-fluid"></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- End of Filter Item -->
                    <!-- Filter Item -->
                    <div class="col-lg-4 col-md-6 col-sm-12 bizagn--filter-item web">
                        <div class="d-flex justify-content-center">
                            <div class="d-inline-block position-relative">
                                <img src="assets/images/project/0-3.jpg" alt="" class="img-fluid">
                                <div class="bizagn--filter-item-data">
                                    <p>Web</p>
                                    <a href="project-details.html"><img src="assets/images/project/arrow.svg" alt="" class="img-fluid"></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- End of Filter Item -->
                    <!-- Filter Item -->
                    <div class="col-lg-4 col-md-6 col-sm-12 bizagn--filter-item branding">
                        <div class="d-flex justify-content-center">
                            <div class="d-inline-block position-relative">
                                <img src="assets/images/project/0-4.jpg" alt="" class="img-fluid">
                                <div class="bizagn--filter-item-data">
                                    <p>Branding</p>
                                    <a href="project-details.html"><img src="assets/images/project/arrow.svg" alt="" class="img-fluid"></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- End of Filter Item -->
                    <!-- Filter Item -->
                    <div class="col-lg-4 col-md-6 col-sm-12  bizagn--filter-item creative">
                        <div class="d-flex justify-content-center">
                            <div class="d-inline-block position-relative">
                                <img src="assets/images/project/0-5.jpg" alt="" class="img-fluid">
                                <div class="bizagn--filter-item-data">
                                    <p>Creative</p>
                                    <a href="project-details.html"><img src="assets/images/project/arrow.svg" alt="" class="img-fluid"></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- End of Filter Item -->
                    <!-- Filter Item -->
                    <div class="col-lg-4 col-md-6 col-sm-12 bizagn--filter-item web">
                        <div class="d-flex justify-content-center">
                            <div class="d-inline-block position-relative">
                                <img src="assets/images/project/0-6.jpg" alt="" class="img-fluid">
                                <div class="bizagn--filter-item-data">
                                    <p>Web</p>
                                    <a href="project-details.html"><img src="assets/images/project/arrow.svg" alt="" class="img-fluid"></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- End of Filter Item -->
                </div>
            </div>
            <!-- End of Project Filter -->
        </div>
    </section>
    <!-- End of Project -->
       <!-- Service -->
    <section id="services" class="pt-120 pb-120">
        <div class="container">
            <!-- Section Title -->
            <div class="bizagn--section-title">
                <p>Services</p>
                <h2>See Our Incrediable <br> Qualityfull Service</h2>
            </div>
            <!-- End of Section Title -->
            <div class="bizagn--service-slider bizagn--owl-btn owl-carousel bizagn--nav-95px" data-owl-items="3" data-owl-nav="true" data-owl-margin="30" data-owl-autoplay="false" data-owl-responsive='{"0": {"items": "1"},"768": {"items": "2"}, "992": {"items": "3"}}'>
                <!-- Service Item -->
                <div class="bizagn--service-slider-item">
                    <div class="bizagn--service-item">
                        <img src="assets/images/service/1.svg" alt="" class="img-fluid svg">
                        <h3>SEO Optimization</h3>
                        <p>Elevate your online presence with our expert SEO strategies, ensuring your business stands out in search results and captures the attention of your target audience.</p>
                    </div>
                </div>
                <!-- End of Service Item -->

                <!-- Service Item -->
                <div class="bizagn--service-slider-item">
                    <div class="bizagn--service-item">
                        <img src="assets/images/service/2.svg" alt="" class="img-fluid svg">
                        <h3>Digital Marketing</h3>
                        <p>Propel your brand forward with our comprehensive digital marketing solutions, tailored to maximize your online visibility, engagement, and business growth</p>
                    </div>
                </div>
                <!-- End of Service Item -->
                
                <!-- Service Item -->
                <div class="bizagn--service-slider-item">
                    <div class="bizagn--service-item">
                        <img src="assets/images/service/3.svg" alt="" class="img-fluid svg">
                        <h3>Product Design</h3>
                        <p>Transform your ideas into compelling user experiences with our expert product design services, where innovation meets functionality.</p>
                    </div>
                </div>
                <!-- End of Service Item -->

                <!-- Service Item -->
                <div class="bizagn--service-slider-item">
                    <div class="bizagn--service-item">
                        <img src="assets/images/service/4.svg" alt="" class="img-fluid svg">
                        <h3>Photography</h3>
                        <p>Capture the essence of your brand with our professional photography services, telling your story through visually stunning images that resonate with your audience.</p>
                    </div>
                </div>
                <!-- End of Service Item -->

                <!-- Service Item -->
                <div class="bizagn--service-slider-item">
                    <div class="bizagn--service-item">
                        <img src="assets/images/service/5.svg" alt="" class="img-fluid svg">
                        <h3>Graphics Design</h3>
                        <p>Infuse creativity into your brand identity with our expert graphic design services, crafting visuals that leave a lasting and impactful impression.</p>
                    </div>
                </div>
                <!-- End of Service Item -->

                <!-- Service Item -->
                <div class="bizagn--service-slider-item">
                    <div class="bizagn--service-item">
                        <img src="assets/images/service/6.svg" alt="" class="img-fluid svg">
                        <h3>Web Development</h3>
                        <p>Power your online presence with our cutting-edge web development solutions, where functionality meets aesthetics for an exceptional user experience</p>
                    </div>
                </div>
                <!-- End of Service Item -->
            </div>
        </div>
    </section>
    <!-- End of Service -->
 
    <section id="unsubscribe" class="unsubscribe-form content-section text-center">
		<div class="container">
			<div class="row">
				<div class="col-lg-12">
					<h3 class="title clr">Unsubscribe</h3>
					<form class="form" id="unsubscribe-form" method="POST" action="">
						<div class="d-none overlay">
							<div class="text-center middle">
								<div class="lds-ellipsis"><div></div><div></div><div></div><div></div><div></div><div></div></div>
							</div>
						</div>
						<div class="messages">
												</div>
						<div class="col-lg-12 col-md-12 ">
							<h5 class="text-center">We will be very sad if you decide to go!</h5>
						</div>
						<div class="offset-lg-2 col-lg-8 col-md-12 col-sm-12">
							<div class="form-group">
								<input class="form-control" type="email" name="email" placeholder="Enter your email address" required="required">
							</div>
						</div>
						<div class="col-lg-12 col-md-12">
							<div style="text-align:center;">
								                                </div>
						</div>
						<div class="col-lg-12 col-md-12 text-center">
							<button class="btn btn-danger-2" type="submit"><span> Unsubscribe </span></button>
						</div> 
					</form>
				</div>
			</div>
		</div>
    </section>
    
    <!------------- Testimonials ------------->
    
     <section class="pt-120 pb-120">
        <div class="container">
            <!-- Section Title -->
            <div class="bizagn--section-title text-center">
                <p>Testimonials</p>
                <h2>What Say About Our  Agency</h2>
            </div>
            <!-- End of Section Title -->

            <div class="row">
                <div class="col-md-8 offset-md-2">
                    <!-- Testimonial Slider -->
                    <div class="bizagn--testi-slider bizagn--owl-btn owl-carousel bizagn--nav-95px" data-owl-nav="true" data-owl-autoplay="false" data-bg-img="assets/images/testimonial/map-bg.png">
                        <!-- Testimonial Slider Item -->
                        <div class="bizagn--testi-slider-item">
                            <div class="bizagn--testi-item text-center">
                                <img src="assets/images/testimonial/client-1.png" alt="" class="img-fluid" data-rjs="2">
                                <p>As a client, I can attest to the exceptional service provided by Popdelos80.com. Their strategic approach to digital marketing has significantly increased our online visibility. The impact on our business has been tangible, and we look forward to continuing our successful partnership.</p>
                                <div class="client-pos"> <span>Jenny Mandas</span></div>
                            </div>
                        </div>
                        <!-- End of Testimonial Slider Item -->

                        <!-- Testimonial Slider Item -->
                        <div class="bizagn--testi-slider-item">
                            <div class="bizagn--testi-item text-center">
                                <img src="assets/images/testimonial/client-2.png" alt="" class="img-fluid" data-rjs="2">
                                <p>Working with Popdelos80.com was an absolute pleasure. Their team's responsiveness, expertise, and dedication to our project were commendable. Our website not only looks stunning but also functions seamlessly. Popdelos80.com is our go-to for all things digital</p>
                                <div class="client-pos"> <span>Tom Morle</span></div>
                            </div>
                        </div>
                        <!-- End of Testimonial Slider Item -->

                        <!-- Testimonial Slider Item -->
                        <div class="bizagn--testi-slider-item">
                            <div class="bizagn--testi-item text-center">
                                <img src="assets/images/testimonial/client-3.png" alt="" class="img-fluid" data-rjs="2">
                                <p>From the initial consultation to the final deliverables, Popdelos80.com demonstrated professionalism and creativity. They took the time to understand our unique needs, and the result was a website that perfectly reflects our brand. A fantastic team delivering outstanding results.</p>
                                <div class="client-pos"> <span>Marzia Paul</span></div>
                            </div>
                        </div>
                        <!-- End of Testimonial Slider Item -->
                    </div>
                    <!-- End of Testimonial Slider -->
                </div>
            </div>
        </div>
    </section>

    <!-- FAQ -->
    <section  id="about" class="pt-120 pb-90 bg-f8">
        <div class="container">
            <div class="row">
                <div class="col-lg-6">
                    <!-- Section Title -->
                    <div class="bizagn--section-title">
                        <p>Why Choose Us</p>
                        <h2>Why Choose Us <br>for your company?</h2>
                    </div>
                    <!-- End of Section Title -->
                    <!-- FAQ Items -->
                    <div class="bizagn--faq-items accordion" id="bizagn--accordion">
                        <!-- FAQ Item 01 -->
                        <div class="bizagn--faq-item">
                            <div class="target-area active" id="target-area">
                                <h3 data-toggle="collapse" data-target="#expand-area-1" aria-expanded="true" aria-controls="expand-area-1">
                                    <span>1.</span> Financial Consulting
                                </h3>
                            </div>
                            <div id="expand-area-1" class="collapse expand-area show" aria-labelledby="target-area" data-parent="#bizagn--accordion">
                                <p>Drive your financial success with our expert guidance and strategic insights.</p>
                            </div>
                        </div>
                        <!-- End of FAQ Item 01 -->

                        <!-- FAQ Item 02 -->
                        <div class="bizagn--faq-item">
                            <div class="target-area">
                                <h3 class="collapsed" data-toggle="collapse" data-target="#expand-area-2" aria-expanded="false" aria-controls="expand-area-2">
                                    <span>2.</span> Great Strategy
                                </h3>
                            </div>
                            <div id="expand-area-2" class="collapse expand-area" aria-labelledby="target-area" data-parent="#bizagn--accordion">
                                <p>Unleash the power of success with our innovative and tailored strategies that define excellence in the digital realm.</p>
                            </div>
                        </div>
                        <!-- End of FAQ Item 02 -->
                        
                        <!-- FAQ Item 03 -->
                        <div class="bizagn--faq-item">
                            <div class="target-area">
                                <h3 class="collapsed" data-toggle="collapse" data-target="#expand-area-3" aria-expanded="false" aria-controls="expand-area-3">
                                    <span>3.</span> Best Promotion
                                </h3>
                            </div>
                            <div id="expand-area-3" class="collapse expand-area" aria-labelledby="target-area" data-parent="#bizagn--accordion">
                                <p>Ignite brand visibility and engagement with our dynamic promotion strategies, ensuring your business stands out in the competitive digital landscape.</p>
                            </div>
                        </div>
                        <!-- End of FAQ Item 03 -->

                        <!-- FAQ Item 03 -->
                        <div class="bizagn--faq-item">
                            <div class="target-area">
                                <h3 class="collapsed" data-toggle="collapse" data-target="#expand-area-4" aria-expanded="false" aria-controls="expand-area-4">
                                    <span>4.</span> Risk Management
                                </h3>
                            </div>
                            <div id="expand-area-4" class="collapse expand-area" aria-labelledby="target-area" data-parent="#bizagn--accordion">
                                <p> Safeguard your digital journey with our meticulous risk analysis and strategic planning, ensuring a secure and successful online presence.</p>
                            </div>
                        </div>
                        <!-- End of FAQ Item 03 -->
                    </div>
                    <!-- End of FAQ Items -->
                </div>
                <div class="col-lg-5 offset-lg-1 d-md-flex align-items-bottom justify-content-center bizagn--faq-img">
                    <div class="bizagn--faq-img-cover">
                        <img src="assets/images/faq.jpg" alt="" class="img-fluid" data-rjs="2">
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End of FAQ -->
    <!-- Footer -->
   <footer>
    <div class="container subscribe">
	    <form class="subscribe-form mt-10" id="subscribe-form" method="POST" action="">
				<div class="d-none overlay">
					<div class="text-center middle">
						<div class="lds-ellipsis"><div></div><div></div><div></div><div></div><div></div><div></div></div>
					</div>
				</div>
				<div class="row">     
					<div class="offset-lg-2 col-lg-8 col-md-12 col-sm-12">
						<div class="form-group">
						<input class="form-control" type="email" name="subscribe_email" placeholder="Enter your email address" required="required">
						</div>
					</div>
				</div>
				<div class="row">
					<div class=" col-lg-12 col-md-12  col-sm-12">
						<div class="subscribe-accept">
							<input type="checkbox" name="subscribe_accept" required="required">
							I agree to the <a href="privacy.html">Privacy Policy</a>, <a href="disclaimer.html">Disclaimer</a> and to receive newsletters from Popdelos80.com						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-lg-12 col-md-12">
						<button class="btn btn-danger-2" type="submit"><span> Subscribe! </span></button>
					</div>
				</div>
				<div class="messages"></div>
        </form>
    </div>
         <div  class="container subscribe">
        <div class="row">
				<div class=" col-lg-12  col-md-12  col-sm-12 col-xs-12 links">
					<ul class="list-unstyled">
						<li><a   href="#about">About</a></li>
						<li><a   href="#unsubscribe">Unsubscribe</a></li>
						<li><a   href="disclaimer.html">Disclaimer</a></li>
						<li><a   href="privacy.html">Privacy Policy </a></li>
					</ul>
				</div>
        </div>
			<div class="row">
				<div class="col-lg-12  col-md-12  col-sm-12 col-xs-12 copyright">
					&copy; 2025 Popdelos80.com All Rights Reserved.
				</div>
			</div>
         </div>
  </footer>
    <!-- End of Footer -->

    <!-- Back to Top Button -->
    <div class="back-to-top d-flex align-items-center justify-content-center">
        <span><i class="fa fa-angle-up"></i></span>
    </div>
    <!-- End of Back to Top Button -->


    <!-- JS Files -->

    <!-- ==== JQuery 3.3.1 js file ==== -->
    <script src="assets/js/jquery-3.3.1.min.js"></script>

    <!-- ==== Bootstrap js file ==== -->
    <script src="assets/js/bootstrap.bundle.min.js"></script>

    <!-- ==== Owl Carousel js file ==== -->
    <script src="assets/plugins/owl-carousel/owl.carousel.min.js"></script>

    <!-- ==== Menumaker js file ==== -->
    <script src="assets/plugins/menumaker/menumaker.js"></script>

    <!-- ==== Isotope js file ==== -->
    <script src="assets/plugins/isotope/isotope.pkgd.min.js"></script>
    <script src="assets/plugins/isotope/imagesloaded.pkgd.min.js"></script>

    <!-- ==== Ratina js file ==== -->
    <script src="assets/plugins/ratinajs/retina.min.js"></script>

    <!-- ==== google map api key ==== -->
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCjkssBA3hMeFtClgslO2clWFR6bRraGz0"></script>

    <!-- ==== Script js file ==== -->
    <script src="assets/js/scripts.js"></script>

    <!-- ==== Custom js file ==== -->
    <script src="assets/js/custom.js"></script>

</body>
</html>