-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
202 lines (200 loc) · 10.8 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
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Future Garage Clone</title>
<!-- FONTAWESOME CDN -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<!-- MAIN CSS -->
<link rel="stylesheet" href="./css/style.css">
<!-- Responsive css -->
<link rel="stylesheet" href="./css/responsive.css">
</head>
<body>
<!-- START HEADER -->
<header class="header sticky">
<div class="container">
<div class="navigation d-flex align-center">
<div class="logo">
<img src="./images/logo.png" alt="logo">
</div>
<nav class="navbar d-flex">
<a href="#">Home</a>
<a href="#about">About</a>
<a href="#services">Services</a>
<a href="#support">Support</a>
<a href="#">Contact</a>
</nav>
</div>
</div>
</header>
<!-- END HEADER -->
<!-- BANNER SECTION -->
<section class="bannerSection">
<div class="container">
<h1 class="heading text-center">Driving your <span>digital future</span></h1>
<p class="text-center">Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
</div>
</section>
<!-- END BANNER -->
<!-- SERVICE SECTION -->
<section class="serviceSection" id="services">
<div class="py-90 innerSection">
<div class="container">
<div class="service-area d-flex">
<div class="col-6 d-flex content-center">
<div class="services-content w-80">
<h2 class="title">Website Design and Development Services</h2>
<p class="my-3">In today's digital age, your website is often the first interaction a potential customer has with your brand. It's not just a virtual business card; it's your online storefront, your brand ambassador, and the cornerstone of your digital presence. We understand the vital role a well-designed and developed website plays in your business's success. That's why we offer comprehensive website design and development services to help you create a powerful online presence.</p>
<a href="#">Read more </a>
</div>
</div>
<div class="col-6">
<div class="services-image">
<img src="./images/webdesigndevelopment.jpg" alt="service-img">
</div>
</div>
</div>
</div>
</div>
<div class="py-90 bg-gray">
<div class="container">
<div class="service-area d-flex">
<div class="col-6">
<div class="services-image">
<img src="./images/uiuxdesign.jpg" alt="service-img">
</div>
</div>
<div class="col-6 d-flex content-center">
<div class="services-content w-80">
<h2 class="title">UI/UX Design Services: Crafting Exceptional User Experiences</h2>
<p class="my-3">In a digital world where user expectations are higher than ever, providing a seamless and delightful user experience (UX) is paramount to the success of any product or service. We specialize in User Interface (UI) and User Experience (UX) design, creating digital solutions that not only look beautiful but also function intuitively and engage users effectively.</p>
<a href="#">Read more </a>
</div>
</div>
</div>
</div>
</div>
<div class="py-90 innerSection">
<div class="container">
<div class="service-area d-flex">
<div class="col-6 d-flex content-center">
<div class="services-content w-80">
<h2 class="title">Graphic Design Services: Elevating Your Visual Identity</h2>
<p class="my-3">In a world driven by visual communication, the design of your brand assets can make all the difference. At Future Garage, we specialize in Graphic Design, crafting captivating visuals that not only tell your brand's story but also resonate with your target audience. Our services encompass a wide range of design solutions to elevate your visual identity and set you apart from the competition.</p>
<a href="#">Read more </a>
</div>
</div>
<div class="col-6">
<div class="services-image">
<img src="./images/appdevelopment.jpg" alt="service-img">
</div>
</div>
</div>
</div>
</div>
</section>
<!-- END SERVICE SECTION -->
<!-- ABOUT US SECTION -->
<section class="py-90 aboutSection" id="about">
<div class="container">
<h2 class="title text-center">Why Choose Us</h2>
<div class="card w-80">
<div class="card-body">
<h2 class="title">Client-Centric Approach</h2>
<p class="text">
We believe in building lasting relationships with our clients. Communication and collaboration are key, and we keep you informed every step of the way. Your satisfaction is our top priority, and we're dedicated to meeting your needs and exceeding your expectations.
</p>
</div>
<div class="card-body">
<h2 class="title">Client-Centric Approach</h2>
<p class="text">
We believe in building lasting relationships with our clients. Communication and collaboration are key, and we keep you informed every step of the way. Your satisfaction is our top priority, and we're dedicated to meeting your needs and exceeding your expectations.
</p>
</div>
<div class="card-body">
<h2 class="title">Client-Centric Approach</h2>
<p class="text">
We believe in building lasting relationships with our clients. Communication and collaboration are key, and we keep you informed every step of the way. Your satisfaction is our top priority, and we're dedicated to meeting your needs and exceeding your expectations.
</p>
</div>
<div class="card-body">
<h2 class="title">Client-Centric Approach</h2>
<p class="text">
We believe in building lasting relationships with our clients. Communication and collaboration are key, and we keep you informed every step of the way. Your satisfaction is our top priority, and we're dedicated to meeting your needs and exceeding your expectations.
</p>
</div>
</div>
</div>
</section>
<!-- END ABOUT US SECTION -->
<!-- SUPPORT SECTION -->
<section class="py-90 supportSection" id="support">
<div class="container">
<div class="support d-flex gap-60 align-center content-center wrap">
<div class="col-4">
<div class="card bg-secondary">
<div class="card-body">
<h2 class="title">300+ Projects</h2>
<p class="text">Each project represents a unique challenge and opportunity to showcase our skills and creativity. Our success is a reflection of your commitment to delivering high-quality websites that meet our clients' needs.</p>
</div>
</div>
</div>
<div class="col-4">
<div class="card bg-primary">
<div class="card-body">
<h2 class="title">240+ Client</h2>
<p class="text">Our ability to satisfy the needs of such a large number of clients is a clear indication of the high level of quality and dedication bring to each project. </p>
</div>
</div>
</div>
<div class="col-4">
<div class="card bg-secondary">
<div class="card-body">
<h2 class="title">30 Members</h2>
<p class="text">we did a very good job, but feel this was a bad job. now we are going to do a new job, doing bad</p>
</div>
</div>
</div>
<div class="col-4">
<div class="card bg-primary">
<div class="card-body">
<h2 class="title">SEO & SMM</h2>
<p class="text">we did a very good job, but feel this was a bad job. now we are going to do a new job, doing bad</p>
</div>
</div>
</div>
<div class="col-4">
<div class="card bg-secondary">
<div class="card-body">
<h2 class="title">30+ Logo</h2>
<p class="text">we did a very good job, but feel this was a bad job. now we are going to do a new job, doing bad</p>
</div>
</div>
</div>
<div class="col-4">
<div class="card bg-primary">
<div class="card-body">
<h2 class="title">Free Support</h2>
<p class="text">we did a very good job, but feel this was a bad job. now we are going to do a new job, doing bad</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- END SUPPORT SECTION -->
<!-- Footer -->
<footer class="footer">
<div class="container">
<p class="text text-center text-white">
All Rights Reserved by ©Md Ayub Ali | 2023
</p>
</div>
</footer>
<!-- End Footer -->
<!-- JQUERY -->
<script src="./js/jquery-3.7.1.min.js"></script>
</body>
</html>