<!DOCTYPE html> <html> <head> <title>Home</title> <meta charset="utf-8" /> <link href="lib/css/bootstrap.min.css" rel="stylesheet" /> <link href="aos-master/dist/aos.css" rel="stylesheet" /> <link href="css/home.css" rel="stylesheet" /> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Ubuntu&display=swap" /> <link rel="icon" href="data:;base64,iVBORw0KGgo=" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> </head> <!--Body--> <body class="bg-dark"> <video autoplay muted loop id="myVideo"> <source src="./img/video2.mp4" type=video/mp4> </video> </div> <!--Nav Bar--> <nav class="navbar navbar-expand-md navbar-dark p-3"> <a class="navbar-brand mx-3" href="#"><img src="./img/example.png" width="50px" height="50px" alt="" /> [Business Name]</a> <button class="navbar-toggler mx-3" type="button" data-bs-toggle="collapse" data-bs-target="#navbarContent"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarContent"> <ul class="navbar-nav m-auto"> <!--Home--> <li class="nav-item ms-3"> <a class="nav-link active me-2" href="./index.html">Home</a> </li> <!--Our Services--> <li class="nav-item dropdown ms-3"> <a class="nav-link dropdown-toggle me-2" href="./services.html" id="navbarDarkDropdownMenuLink" aria-expanded="false"> <!--role="button" data-bs-toggle="dropdown"--> Our Services </a> <ul class="dropdown-menu dropdown-menu-dark me-3" aria-labelledby="navbarDarkDropdownMenuLink"> <li><a class="dropdown-item" href="./services.html#item-1">Website Design & SEO</a></li> <li><a class="dropdown-item" href="./services.html#item-2">Social Media Management</a></li> <li><a class="dropdown-item" href="./services.html#item-3">Pay-Per-Click (PPC) Advertisement</a></li> <li><a class="dropdown-item" href="./services.html#item-4">Email Marketing</a></li> </ul> </li> <!--About Us--> <li class="nav-item ms-3"> <a class="nav-link me-2" href="./about.html">About Us</a> </li> <!--Contact--> <li class="nav-item ms-3"> <a class="nav-link me-2" href="./contact.html">Contact</a> </li> </ul> <!--Darkmode Switch--> <label class="switch ms-3"> <input type="checkbox" class="checker" id="lightSwitch" /> <span class="slider round"></span> </label> </div> </nav> <!--Logo and Titles--> <div class="row mt-3 col-9 m-auto mb-5" data-aos="fade-left" data-aos-duration="2000"> <img src="img/computer.png" class="col-8 d-sm-block d-md-none m-auto" id="logo" /> <div class="col-md-5 m-auto text-md-end text-start"> <h1 class="mb-0 mt-5 m-auto text-center text-md-end display-1">[Business Name]</h1> <p1 class="w-100" id="sub"></p1> </div> <div class="col-5"><img src="./img/example.png" class="w-100 h-100 d-none d-sm-none d-md-block" id="logo" /> </div> </div> <div class="row d-block d-md-none" style="height: 13rem;"></div> <div class="text-center mt-5" id="down"><a href="#mission"><img src="img/arrowdown.png" class="col-2 col-md-1 m-auto" id="downarrow" /></a></div> <!--Our Mission--> <div class="row mt-0 mt-md-5 mb-md-5"> <h1 class="m-auto mt-5 mb-2 mb-md-0 col-10 col-md-10 col-lg-12 text-center pt-4" id="mission">Empowering Businesses to Thrive in the Digital World</h1> </div> <div class="row col-10 col-md-10 col-lg-10 m-auto d-flex align-items-center"> <div class="col-12 col-md-6 m-auto my-auto text-left mt-2 mt-md-0"> <p1>At [Business Name], our mission is to help businesses succeed in today's digital landscape. Whether you're a small startup or a well-established company, we've got the skills and experience to boost your online presence and drive growth and engagement.</p1> <h2 class="m-auto mt-3 text-center text-white">How do we do it?</h2> <div class="accordion mt-3" id="accordionPanelsStayOpenExample" > <div class="accordion-item mb-3 bg-transparent" data-aos="fade-right" data-aos-duration="2000"> <h2 class="accordion-header" id="panelsStayOpen-headingOne"> <button class="accordion-button collapsed bg-transparent border rounded text-white" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseOne" aria-expanded="false" aria-controls="panelsStayOpen-collapseOne"> Full-Service Digital Marketing Agency </button> </h2> <div id="panelsStayOpen-collapseOne" class="accordion-collapse collapse" aria-labelledby="panelsStayOpen-headingOne" > <div class="accordion-body text-white"> From social media management to website design and search engine optimization, we offer a comprehensive range of services to help businesses succeed online. Let us handle all aspects of your digital marketing efforts, so you can focus on what you do best. </div> </div> </div> <div class="accordion-item mb-3 bg-transparent" data-aos="fade-right" data-aos-duration="2000"> <h2 class="accordion-header" id="panelsStayOpen-headingTwo"> <button class="accordion-button collapsed bg-transparent border rounded text-white" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseTwo" aria-expanded="false" aria-controls="panelsStayOpen-collapseTwo"> Committed to Delivering Results-Driven Campaigns </button> </h2> <div id="panelsStayOpen-collapseTwo" class="accordion-collapse collapse" aria-labelledby="panelsStayOpen-headingTwo"> <div class="accordion-body text-white"> At [Business Name], we're not satisfied with just any old marketing campaign. We're committed to delivering results-driven campaigns that drive growth and engagement for our clients. With our strategic marketing plans, you can expect measurable results and a strong return on investment. </div> </div> </div> <div class="accordion-item mb-3 bg-transparent" data-aos="fade-right" data-aos-duration="2000"> <h2 class="accordion-header" id="panelsStayOpen-headingThree"> <button class="accordion-button collapsed bg-transparent border rounded text-white" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseThree" aria-expanded="false" aria-controls="panelsStayOpen-collapseThree"> Creating Personalized Marketing Plans for Every Client </button> </h2> <div id="panelsStayOpen-collapseThree" class="accordion-collapse collapse" aria-labelledby="panelsStayOpen-headingThree"> <div class="accordion-body text-white"> Every business is unique, and that's why we don't believe in cookie-cutter marketing plans. At [Business Name], we create personalized marketing plans that are tailored to the specific needs and goals of each of our clients. By taking the time to understand your business and your target audience, we can deliver the most effective marketing strategy possible. </div> </div> </div> <div class="accordion-item mb-3 bg-transparent" data-aos="fade-right" data-aos-duration="2000"> <h2 class="accordion-header" id="panelsStayOpen-headingFour"> <button class="accordion-button collapsed bg-transparent border rounded text-white" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseFour" aria-expanded="false" aria-controls="panelsStayOpen-collapseFour"> Affordable, Effective Marketing Solutions for SMBs </button> </h2> <div id="panelsStayOpen-collapseFour" class="accordion-collapse collapse" aria-labelledby="panelsStayOpen-headingFour"> <div class="accordion-body text-white"> As a small or medium-sized business, you have unique needs and challenges when it comes to marketing. At [Business Name], we understand this, and we're committed to offering affordable, effective marketing solutions that meet your needs at a price that is both fair and accessible. No business should be left behind in the digital world, and we're here to help level the playing field. </div> </div> </div> <div class="accordion-item mb-3 bg-transparent" data-aos="fade-right" data-aos-duration="2000"> <h2 class="accordion-header" id="panelsStayOpen-headingFive"> <button class="accordion-button collapsed bg-transparent border rounded text-white" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseFive" aria-expanded="false" aria-controls="panelsStayOpen-collapseFive"> Leveling the Playing Field for SMBs </button> </h2> <div id="panelsStayOpen-collapseFive" class="accordion-collapse collapse" aria-labelledby="panelsStayOpen-headingFive"> <div class="accordion-body text-white"> Small and medium-sized businesses often face an uphill battle when it comes to marketing. At [Business Name], we believe that every business deserves a chance to succeed, and that's why we're dedicated to providing customized, results-driven marketing campaigns that meet the needs of SMBs at competitive rates. Let us help you succeed in today's digital landscape. </div> </div> </div> <div class="accordion-item mb-3 bg-transparent" data-aos="fade-right" data-aos-duration="2000" data-aos-offset="60"> <h2 class="accordion-header" id="panelsStayOpen-headingSix"> <button class="accordion-button collapsed bg-transparent border rounded text-white" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseSix" aria-expanded="false" aria-controls="panelsStayOpen-collapseSix"> Committed to Delivering Value and Results </button> </h2> <div id="panelsStayOpen-collapseSix" class="accordion-collapse collapse" aria-labelledby="panelsStayOpen-headingSix"> <div class="accordion-body text-white"> At [Business Name], we're not just in it for the money. We're committed to delivering value and results to our clients through high-quality, effective marketing services. We believe that by offering a range of services at competitive rates and creating personalized, strategic marketing plans, we can help businesses of all sizes succeed in the digital world. </div> </div> </div> </div> </div><img src="img/example.png" class="col-6 m-auto d-none d-md-block" id="logo"/> </div> <!--Our Services (Big Screen)--> <div class="row"> <h1 class="m-auto mt-5 mb-5 text-center">Our Services</h1> </div> <div class="row justify-content-center d-none d-md-flex"> <div class="card mx-3 mb-3 bg-dark" data-aos="fade-down" data-aos-duration="500" style="width: 18rem;"> <img class="card-img-top bg-white mt-3" src="img/web.jpeg" alt="Card image cap"> <div class="card-body"> <h5 class="card-title text-white">Elevate Your Online Presence with Website Design & SEO</h5> <p class="card-text text-white">Our team of experts will create a stunning website and optimize it for search engines to help your business stand out online.<br><br><br></p> <div class="text-center"><a href="/services.html#item-1" class="btn btn-secondary">Learn More</a></div> </div> </div> <div class="card mx-3 mb-3 bg-dark" data-aos="fade-down" data-aos-duration="500" data-aos-delay="500" style="width: 18rem;"> <img class="card-img-top bg-white mt-3" src="img/social.jpg" alt="Card image cap"> <div class="card-body"> <h5 class="card-title text-white">Boost Your Brand with Social Media Management</h5> <p class="card-text text-white">Let us take the reins on your social media accounts and create engaging content that will increase your brand's visibility and drive traffic to your website.<br><br></p> <div class="text-center"><a href="/services.html#item-2" class="btn btn-secondary">Learn More</a></div> </div> </div> <div class="card mx-3 mb-3 bg-dark" data-aos="fade-down" data-aos-duration="500" data-aos-delay="1000" style="width: 18rem;"> <img class="card-img-top bg-white mt-3" src="img/ppc.jpg" alt="Card image cap"> <div class="card-body"> <h5 class="card-title text-white">Target Your Ideal Customers with Pay-Per-Click (PPC) Advertisement</h5> <p class="card-text text-white">Our PPC experts will create targeted ad campaigns on search engines and other websites to reach your ideal audience and drive qualified traffic to your website.</p> <div class="text-center"><a href="/services.html#item-3" class="btn btn-secondary">Learn More</a></div> </div> </div> <div class="card mx-3 mb-3 bg-dark" data-aos="fade-down" data-aos-duration="500" data-aos-delay="1500" style="width: 18rem;"> <img class="card-img-top bg-white mt-3" src="img/email.jpeg" alt="Card image cap"> <div class="card-body"> <h5 class="card-title text-white">Nurture Leads and Drive Sales with Email Marketing</h5> <p class="card-text text-white">Build and grow your email list, create effective campaigns, and drive sales with our email marketing services. Automated campaigns available to nurture leads and build customer relationships. </p> <div class="text-center"><a href="/services.html#item-4" class="btn btn-secondary">Learn More</a></div> </div> </div> </div> <!--Small Screen Services--> <div class="row justify-content-center d-md-none"> <div class="card mx-2 mb-3 bg-dark" data-aos="fade-down" data-aos-duration="500" style="width: 10rem;"> <img class="card-img-top bg-white mt-3" src="img/web.jpeg" alt="Card image cap"> <div class="card-body"> <h5 class="card-title text-white text-center font-weight-bold" style="font-size:smaller;">Elevate Your Online Presence with Website Design & SEO<br><br></h5> <div class="text-center"><a href="./services.html#item-1" class="btn btn-secondary" style="font-size:x-small;">Learn More</a></div> </div> </div> <div class="card mx-2 mb-3 bg-dark" data-aos="fade-down" data-aos-duration="500" data-aos-delay="500" style="width: 10rem;"> <img class="card-img-top bg-white mt-3" src="img/social.jpg" alt="Card image cap"> <div class="card-body"> <h5 class="card-title text-white text-center font-weight-bold" style="font-size:smaller;">Boost Your Brand with Social Media Management<br><br></h5> <div class="text-center"><a href="./services.html#item-2" class="btn btn-secondary" style="font-size:x-small;">Learn More</a></div> </div> </div> <div class="card mx-2 mb-3 bg-dark" data-aos="fade-down" data-aos-duration="500" data-aos-delay="1000" style="width: 10rem;"> <img class="card-img-top bg-white mt-3" src="img/ppc.jpg" alt="Card image cap"> <div class="card-body"> <h5 class="card-title text-white text-center font-weight-bold" style="font-size:smaller;">Target Your Ideal Customers with Pay-Per-Click (PPC) Advertisement</h5> <div class="text-center"><a href="./services.html#item-3" class="btn btn-secondary" style="font-size:x-small;">Learn More</a></div> </div> </div> <div class="card mx-2 mb-3 bg-dark" data-aos="fade-down" data-aos-duration="500" data-aos-delay="1500" style="width: 10rem;"> <img class="card-img-top bg-white mt-3" src="img/email.jpeg" alt="Card image cap"> <div class="card-body"> <h5 class="card-title text-white text-center font-weight-bold" style="font-size:smaller;">Nurture Leads and Drive Sales with Email Marketing<br><br></h5> <div class="text-center"><a href="./services.html#item-4" class="btn btn-secondary" style="font-size:x-small;">Learn More</a></div> </div> </div> </div> <!-- Contact Form --> <div id="contact" class="col-10 m-auto mt-5"> <div class="row"> <h1 class="m-auto mt-5 mb-2 text-center">Contact Us</h1> </div> <form id="contact-form"> <div class="form-group col-8 col-md-4 m-auto"> <label for="fullName" class="text-white">Full Name</label> <input type="text" class="form-control bg-dark text-white" id="fullName" name="Full Name" placeholder="Enter your full name"> </div> <div class="form-group col-8 col-md-4 m-auto"> <label for="businessName" class="text-white mt-1">Business Name</label> <input type="text" class="form-control bg-dark text-white" id="businessName" name="Business Name" placeholder="Enter your business name"> </div> <div class="form-group col-8 col-md-4 m-auto"> <label for="email" class="text-white mt-1">Email</label> <input type="email" class="form-control bg-dark text-white" id="email" name="Email" placeholder="Enter your email address"> </div> <div class="form-group col-8 col-md-4 m-auto"> <label for="phoneNumber" class="text-white mt-1">Phone Number</label> <input type="tel" class="form-control bg-dark text-white" id="phoneNumber" name="Phone Number" placeholder="Enter your phone number"> </div> <div class="form-group col-8 col-md-4 m-auto"> <label for="note" class="text-white mt-1">Message</label> <textarea class="form-control bg-dark text-white" id="note" name="Message" rows="3"></textarea> </div> <div class="row"><button class="btn btn-primary col-4 col-md-2 m-auto mt-3" id="submit">Submit</button></div> </form> <div class="row mt-3"><p1 class="col-8 col-md-4 text-center m-auto mb-3" id="status"></p1></div> </div> <!-- Footer --> <footer class="text-center text-white"> <!-- Copyright --> <div class="text-center p-3 mt-5" style="background-color: rgba(0, 0, 0, 0.2)"> © 2022 Copyright: <a class="text-white" href="#">[Business Name].com</a> </div> </footer> <!--JQuery, Bootstrap, Animate on Scroll, and Functionality Script Tags--> <script src="lib/js/jquery.min.js"></script> <script src="lib/js/bootstrap.min.js"></script> <script src="aos-master/dist/aos.js "></script> <script src="js/home.js"></script> <script> AOS.init(); </script> </body> </html>