-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
138 lines (127 loc) · 6.9 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>Website</title>
</head>
<body>
<div class="navbar">
<img class="img" src="./—Pngtree—energy_2817644.png">
<h2 class="title">
Innovators
</h2>
<div class="navi">
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#about">About Us</a></li>
<li><a href="#service">Services</a></li>
<li><a href="#testimonials">Testimonials</a></li>
<li><a href="#contact">Contact Us</a></li>
</ul>
<div class="hamburger">
<span></span>
<span></span>
<span></span>
</div>
</div>
</div>
<section class="home" id="home">
<div class="home-content">
<h1>Welcome to Innovators</h1>
<p>Discover cutting-edge solutions for a brighter future.</p>
<button><a href="#about">Learn More</a></button>
</div>
</section>
<section class="about" id="about">
<div class="container">
<div class="about-content">
<h2 class="section-title">About Innovators</h2>
<p>We are a passionate team of innovators dedicated to creating groundbreaking solutions that transform industries and empower individuals. We believe in the power of technology to solve complex challenges and create a brighter future.</p>
<p>We combine cutting-edge technologies with deep industry knowledge to deliver exceptional results that exceed expectations. Our collaborative approach ensures that we work closely with our clients to understand their unique needs and deliver tailored solutions.</p>
<p>We are driven by a commitment to innovation, excellence, collaboration. We are always seeking new ways to push boundaries and deliver innovative solutions that make a real difference.</p>
</div>
<div class="about-image">
<img src="https://imageio.forbes.com/specials-images/imageserve/5e56f223d378190007f46149/A-management-consulting-career--How-to-build-a-career-as-a-management-consultant-/960x0.jpg?format=jpg&width=960" alt="About Us Image">
</div>
</div>
</section>
<section class="services" id="service">
<h2 class="section-title">
Our Services
</h2>
<div class="container">
<div class="card">
<img src="https://5.imimg.com/data5/SELLER/Default/2023/7/322220559/JX/YQ/KE/189025143/website-development-services.png" alt="Web Design" style="height: 250px;">
<h3>Web Design</h3>
<p>Our web design services create stunning, user-friendly websites that reflect your brand and engage your audience. We focus on creating visually appealing and functional designs that drive results.</p>
</div>
<div class="card">
<img src="https://www.netleafinfosoft.com/our-blog/wp-content/uploads/2020/01/web-development-company.jpg" alt="Web Development" style="height: 250px;">
<h3>Web Development</h3>
<p>We build robust and scalable web applications using the latest technologies. Our development team delivers high-quality code and ensures seamless integration to meet your specific needs.</p>
</div>
<div class="card">
<img src="https://cdn-dbghh.nitrocdn.com/QebVtDaNFCEeCVKUoJXTUOHxlyingHVa/assets/images/optimized/rev-7b795f3/www.minddigital.com/wp-content/uploads/2020/01/OUR-GRAPHIC-DESIGN-SERVICES.png" alt="Graphic Design" style="height: 250px;">
<h3>Graphic Design</h3>
<p>Our graphic design team brings your brand to life with eye-catching visuals. We create custom logos, branding materials, marketing collateral, and more to elevate your presence and to meet your specific needs.</p>
</div>
</div>
</section>
<section class="testimonials" id="testimonials">
<h2 class="section-title">What Our Clients Say</h2>
<div class="container">
<div class="testimonial">
<p class="testimonial-text">"Working with Innovators has been a game-changer for our business. Their web design and development expertise helped us create a modern and effective online presence. We highly recommend their services!"</p>
<div class="testimonial-author">
<img src="https://randomuser.me/api/portraits/women/75.jpg" alt="Client 1">
<p class="author-name">Sarah Johnson</p>
<p class="author-title">CEO, Acme Corp</p>
</div>
</div>
<div class="testimonial">
<p class="testimonial-text">"Innovators delivered a stunning graphic design package for our brand. Their creative vision and attention to detail were impressive. We've received so many compliments on our new logo and marketing materials!"</p>
<div class="testimonial-author">
<img src="https://randomuser.me/api/portraits/men/75.jpg" alt="Client 2">
<p class="author-name">David Lee</p>
<p class="author-title">Marketing Manager, XYZ Inc</p>
</div>
</div>
</div>
</section>
<section class="contact" id="contact">
<h2 class="section-title">Contact Us</h2>
<div class="container">
<div class="contact-info">
<h3>Get in Touch</h3>
<p>We'd love to hear from you. Feel free to reach out with any questions or inquiries.</p>
<ul>
<li>
<span>Phone:</span>
<a href="tel:+1234567890">+1-234-567-890</a>
</li>
<li>
<span>Email:</span>
<a href="mailto:[email protected]">[email protected]</a>
</li>
</ul>
</div>
<div class="contact-form">
<h3>Send Us a Message</h3>
<form action="#">
<input type="text" placeholder="Your Name" required>
<input type="email" placeholder="Your Email" required>
<textarea placeholder="Your Message" required></textarea>
<button type="submit">Send</button>
</form>
</div>
</div>
</section>
<footer>
<p>© 2024 Innovators. All rights reserved.</p>
</footer>
<script src="script.js">
</script>
</body>
</html>