251 lines
9.6 KiB
HTML
251 lines
9.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Digital Agency - Empowering Your Online Presence</title>
|
|
<meta name="description" content="Discover innovative solutions for web design, branding, SEO, and digital marketing. Partner with our digital agency to elevate your online presence and achieve your business goals." />
|
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">
|
|
<link
|
|
href="https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css"
|
|
rel="stylesheet"
|
|
/>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="styles.css" type="text/css" />
|
|
</head>
|
|
<body>
|
|
<div class="topnav">
|
|
<a href="#home" class="active">
|
|
Digital Agency
|
|
</a>
|
|
<!-- Navigation links (hidden by default) -->
|
|
<div id="myLinks">
|
|
<a href="#home" onclick="closeNavigationLinks()"> Home</a>
|
|
<a href="#services" onclick="closeNavigationLinks()">What we do</a>
|
|
<a href="#pricing" onclick="closeNavigationLinks()">Pricing plans</a>
|
|
<a href="#team" onclick="closeNavigationLinks()">Meet our teams</a>
|
|
</div>
|
|
<!-- "Hamburger menu" / "Bar icon" to toggle the navigation links -->
|
|
<a href="javascript:void(0);" class="icon" onclick="toggleNavigationLinks()">
|
|
<i class="fa fa-bars"></i>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- Hero section -->
|
|
<section class="hero" id="home">
|
|
<div class="hero-content">
|
|
<h1>Transform Your Ideas Into Reality</h1>
|
|
<p>
|
|
We help businesses grow with innovative digital solutions. Start your
|
|
journey today!
|
|
</p>
|
|
<a href="#contact" class="cta-button">Get Started</a>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Main section -->
|
|
<!-- services -->
|
|
<div class="wrapper" id="services">
|
|
<h1>Our Company Services</h1>
|
|
<p>List of the best services delivered to our clients</p>
|
|
<div class="content-box">
|
|
<div class="card">
|
|
<i class="bx bx-bar-chart-alt bx-md"></i>
|
|
<h2>Marketing Services</h2>
|
|
<p>Promoting and positioning a product in the market to attract potential customers, drive sales, and build brand awareness.</p>
|
|
</div>
|
|
|
|
<div class="card">
|
|
<i class="bx bx-laptop bx-md"></i>
|
|
<h2>Web App Development</h2>
|
|
<p>Process of designing, building, and maintaining applications that run on different web browsers with ease .</p>
|
|
</div>
|
|
|
|
<div class="card">
|
|
<i class="bx bx-line-chart bx-md"></i>
|
|
<h2>24/7 call center services</h2>
|
|
<p>Provide round-the-clock support to customers, ensuring that businesses can handle inquiries, complaints, or assistance requests.</p>
|
|
</div>
|
|
|
|
<div class="card">
|
|
<i class="bx bx-mail-send bx-md"></i>
|
|
<h2>Social Media Marketing</h2>
|
|
<p>Social media platforms to connect with your audience, build your brand, increase sales, and drive website traffic.</p>
|
|
</div>
|
|
|
|
<div class="card">
|
|
<i class="bx bx-bar-chart-alt bx-md"></i>
|
|
<h2>Coperate Business</h2>
|
|
<p>Large-scale organizations or companies engaged in commercial activities across industries such as finance, technology.</p>
|
|
</div>
|
|
|
|
<div class="card">
|
|
<i class="bx bx-paint bx-md"></i>
|
|
<h2>Creative Consultancy</h2>
|
|
<p>Service-oriented business that provides innovative and strategic solutions to help organizations enhance their branding, marketing, product design.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- tables -->
|
|
<h2 id="pricing">Pricing according to services</h2>
|
|
<div class="columns">
|
|
<ul class="price">
|
|
<li class="header">Basic</li>
|
|
<li class="grey"><strong>$ 99 / month</strong></li>
|
|
<li><i class="fa-solid fa-palette"></i> 2 Design Revisions</li>
|
|
<li><i class="fa-solid fa-rectangle-ad"></i> 1 Ad Campaign</li>
|
|
<li><i class="fa-brands fa-searchengin"></i> Basic SEO Audit</li>
|
|
<li><i class="fa-solid fa-envelope"></i>Email Support</li>
|
|
<li><i class="fa-solid fa-phone"></i>Monthly Performance Report</li>
|
|
<li class="grey">
|
|
<a href="signup.html" class="button">Sign Up</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="columns">
|
|
<ul class="price">
|
|
<li class="header">Pro</li>
|
|
<li class="grey"><strong>$ 199 / month</strong></li>
|
|
<li><i class="fa-solid fa-palette"></i> 5 Design Revisions</li>
|
|
<li><i class="fa-solid fa-rectangle-ad"></i> 3 Ad Campaigns</li>
|
|
<li><i class="fa-brands fa-searchengin"></i> Advanced SEO Audit</li>
|
|
<li><i class="fa-solid fa-envelope"></i>Priority Email Support</li>
|
|
<li><i class="fa-solid fa-phone"></i>Weekly Performance Report</li>
|
|
<li class="grey">
|
|
<a href="signup.html" class="button">Sign Up</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="columns">
|
|
<ul class="price">
|
|
<li class="header">Premium</li>
|
|
<li class="grey"><strong>$ 299 / month</strong></li>
|
|
<li><i class="fa-solid fa-infinity"></i>Unlimited Design Revisions</li>
|
|
<li><i class="fa-solid fa-rectangle-ad"></i> 5 Ad Campaigns</li>
|
|
<li><i class="fa-brands fa-searchengin"></i> Complete SEO Audit</li>
|
|
<li><i class="fa-solid fa-check"></i>24/7 Priority Support</li>
|
|
<li><i class="fa-solid fa-phone"></i>Daily Performance Reports</li>
|
|
<li class="grey">
|
|
<a href="signup.html" class="button">Sign Up</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- Team Members -->
|
|
<h2 id="team" >Meet Our Team</h2>
|
|
<p class="team-description">
|
|
Our talented professionals are here to make your project a success.
|
|
</p>
|
|
|
|
<div class="team-container">
|
|
<div class="team-member">
|
|
<img src="images/web-dev.avif" alt="Team Member 1" />
|
|
<h3>John Doe</h3>
|
|
<p>Web Developer</p>
|
|
<div class="social-links">
|
|
<i class="fa-brands fa-facebook"></i>
|
|
<i class="fa-brands fa-twitter"></i>
|
|
<i class="fa-brands fa-linkedin"></i>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="team-member">
|
|
<img src="images/graphic (1).jpg" alt="Team Member 2" />
|
|
<h3>Jane Smith</h3>
|
|
<p>Graphic Designer</p>
|
|
<div class="social-links">
|
|
<i class="fa-brands fa-facebook"></i>
|
|
<i class="fa-brands fa-twitter"></i>
|
|
<i class="fa-brands fa-linkedin"></i>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="team-member">
|
|
<img src="images/seo.jpg" alt="Team Member 3" />
|
|
<h3>Michael Brown</h3>
|
|
<p>SEO Specialist</p>
|
|
<div class="social-links">
|
|
<i class="fa-brands fa-facebook"></i>
|
|
<i class="fa-brands fa-twitter"></i>
|
|
<i class="fa-brands fa-linkedin"></i>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="team-member">
|
|
<img src="images/content writing.webp" alt="Team Member 4" />
|
|
<h3>Emily Davis</h3>
|
|
<p>Content Writer</p>
|
|
<div class="social-links">
|
|
<i class="fa-brands fa-facebook"></i>
|
|
<i class="fa-brands fa-twitter"></i>
|
|
<i class="fa-brands fa-linkedin"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Contact Form -->
|
|
<h2 style="text-align: center;" id="contact">Contact Us Today</h2>
|
|
<div class="container">
|
|
<form onsubmit="return validateForm()" >
|
|
|
|
<label for="fname">First Name</label>
|
|
<input type="text" id="fname" name="firstname" placeholder="Your name.." required>
|
|
|
|
<label for="lname">Last Name</label>
|
|
<input type="text" id="lname" name="lastname" placeholder="Your last name.." required>
|
|
|
|
<label for="email">Email</label>
|
|
<input type="email" id="email" name="email" placeholder="Your email.." required>
|
|
|
|
<label for="phone">Phone Number</label>
|
|
<input type="tel" id="phone" name="phone" placeholder="Your phone number.." pattern="[0-9]{10}" required>
|
|
|
|
<label for="country">Country</label>
|
|
<select id="country" name="country">
|
|
<option value="india">India</option>
|
|
<option value="australia">Australia</option>
|
|
<option value="canada">Canada</option>
|
|
<option value="usa">USA</option>
|
|
</select>
|
|
|
|
<input type="submit" value="Submit">
|
|
|
|
</form>
|
|
</div>
|
|
<!-- Modal -->
|
|
<div id="successModal" class="modal" style="display: none;">
|
|
<div class="modal-content">
|
|
<span class="close">×</span>
|
|
<h2>Your data has been saved in our database</h2>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- Quick Links -->
|
|
<footer>
|
|
<div class="footer-container">
|
|
<div class="footer-links">
|
|
<a href="#home">Home</a>
|
|
<a href="#services">Services</a>
|
|
<a href="#pricing">Pricing</a>
|
|
<a href="#contact">Contact Us</a>
|
|
</div>
|
|
<div class="social-links">
|
|
<a href="https://x.com/VanshVatsa" target="_blank">Twitter</a>
|
|
<a href="https://www.linkedin.com/in/banshvatsa/" target="_blank">LinkedIn</a>
|
|
</div>
|
|
</div>
|
|
<div class="copyright">
|
|
© 2024 Digital Agency. All rights reserved. Made with ❤️ in India.
|
|
</div>
|
|
</footer>
|
|
|
|
</html>
|
|
<script src="scripts.js"></script>
|
|
</body>
|
|
</html>
|