-
Notifications
You must be signed in to change notification settings - Fork 1
/
about.html
212 lines (203 loc) · 9.19 KB
/
about.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
203
204
205
206
207
208
209
210
211
212
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Home Page</title>
<!-- link to custom bootstrap css -->
<link rel="stylesheet" href="./assets/css/custom.css">
<!-- link to home css -->
<link rel="stylesheet" href="./assets/css/about.css">
<!-- font awesome cdn -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
<!-- google font inter cdn link -->
<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:wght@100;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<!-- google font opensan cdn link -->
<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:wght@100;300;400;500;600;700;800;900&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400&display=swap" rel="stylesheet">
<!-- scroll reveal cdn -->
<script src="https://unpkg.com/scrollreveal"></script>
<!-- dashboard css -->
<!-- Link Swiper's CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css" />
</head>
<body>
<!-- navbar start -->
<nav class="navbar nav-container">
<div class="container-fluid">
<a class="navbar-brand ms-5" href="./index.html"><img width="60" src="./assets/images/logo/logo.png" alt=""></a>
<ul class="">
<li class="nav-item fw-semibold">
<a class="nav-link " href="./index.html">Home</a>
</li>
<li class="nav-item fw-semibold">
<a class="nav-link nav-active" aria-current="page" href="./about.html">About</a>
</li>
<li class="nav-item fw-semibold">
<a class="nav-link " href="./contact.html">Contact</a>
</li>
<li class="nav-item fw-semibold d-md-none">
<a class="nav-link" href="./view/login.html">Login</a>
</li>
<li class="nav-item fw-semibold d-md-none">
<a class="nav-link" href="./view/signup.html">Signup</a>
</li>
<i class="fa-solid fa-xmark btn-close-menu"></i>
</ul>
<i class="fa-solid fa-bars btn-open-menu"></i>
<div class="d-flex me-4 btn-auth">
<a href="./view/login.html" class="btn btn-primary btn-login px-4 py-2 fw-semibold me-2">Login</a>
<a href="./view/signup.html" class="btn btn-outline-primary btn-register px-4 py-2 fw-semibold border border-2 border-primary">Register</a>
</div>
</div>
</nav>
<!-- navbar end -->
<!-- about start -->
<session class="about-us">
<div class="container-fluid">
<div class="row m-0 justify-content-center align-items-center w-100 about-container" >
<div class="col-md-6 px-4 px-md-0">
<div class=" text-center ">
<h3 class="about-us-title">About Us</h3>
<p class="mt-4 about-us-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum et debitis minima provident optio, praesentium tenetur architecto, fugiat natus rem soluta magnam ad eligendi quae delectus tempore officiis reprehenderit nobis</p>
</div>
</div>
</div>
</div>
</session>
<!-- about end -->
<hr class="my-0 ">
<!--goal start-->
<session class="">
<div class="container-fluid">
<div class="row goals">
<div class="col-md-6 d-flex align-items-center">
<div class="text-container">
<h4 class="goal-title">Our Goals</h4>
<p class="mb-0">Lorem ipsum dolor sit amet consectetur. Pretium sit orci nam et. Praesent adipiscing facilisi suspendisse faucibus felis mi at. Ac sem aenean diam rhoncus nam ame.Lorem ipsum dolor sit amet consectetur. Pretium sit orci nam et. </p>
</div>
</div>
<div class="col-md-6">
<div class="goals-img-container">
<div class="row g-0">
<div class="col-6 p-2"><img class="img-fluid" src="./assets/images/home_images/about/img-1.png" alt=""></div>
<div class="col-6 p-2"><img class="img-fluid" src="./assets/images/home_images/about/img-2.png" alt=""></div>
</div>
<div class="row g-0">
<div class="col-6 p-2"><img class="img-fluid" src="./assets/images/home_images/about/img-3.png" alt=""></div>
<div class="col-6 p-2"><img class="img-fluid" src="./assets/images/home_images/about/img-4.png" alt=""></div>
</div>
</div>
</div>
</div>
</div>
</session>
<!--goal end-->
<hr class="my-0 ">
<!--service start-->
<div class="services py-4" id="services">
<div class="container-lg">
<div class="row text-center mt-3 mt-lg-4 mb-2 mb-lg-4">
<div class="col wedo-title">
<small class="fw-semibold text-muted" style="font-size: 12px;">AREAS WHAT WE SERVE</small>
<h1 class="section-title text-dark">What we do</h1>
</div>
</div>
<div class="row text-center">
<div class="col-md-6 col-lg-4 mb-4 wedo">
<div class="card">
<div class="card-body">
<div class="card-title">
<i class="fa-solid fa-code fs-1 mt-2"></i>
<h4 class="h4 my-3">Web Development</h4>
</div>
<div class="card-text text-muted">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Deserunt quibusdam aut sit, nihil temporibus ratione consequatur exercitationem?
</div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 mb-4 wedo">
<div class="card">
<div class="card-body">
<div class="card-title">
<i class="fa-solid fa-lightbulb mt-2 fs-1"></i>
<h4 class="h4 my-3">Creative Idea</h4>
</div>
<div class="card-text text-muted">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Deserunt quibusdam aut sit, nihil temporibus ratione consequatur exercitationem?
</div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 mb-4 wedo">
<div class="card">
<div class="card-body">
<div class="card-title">
<i class="fa-solid fa-image fs-1 mt-2 "></i>
<h4 class="h4 my-3">Photoshop</h4>
</div>
<div class="card-text text-muted">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Deserunt quibusdam aut sit, nihil temporibus ratione consequatur exercitationem?
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- service end -->
<hr class="my-0 ">
<!--team-->
<section class="py-4 mb-5">
<div class="header text-center mb-4">
<H2>Our Collaborators</H2>
</div>
<div class="row">
<div class="col-md-12 team-members text-center">
<div class="row justify-content-center flex-wrap">
<div class="col-3 m-2 col-md-1"><img src="" alt=""></div>
<div class="col-3 m-2 col-md-1"><img src="" alt=""></div>
<div class="col-3 m-2 col-md-1"><img src="" alt=""></div>
<div class="col-3 m-2 col-md-1"><img src="" alt=""></div>
<div class="col-3 m-2 col-md-1"><img src="" alt=""></div>
<div class="col-3 m-2 col-md-1"><img src="" alt=""></div>
</div>
</div>
</session>
<!--team end-->
<!-- copyright session start -->
<session class="copyright mt-5">
<div class="container-fluid">
<div class="row bg-secondary py-4">
<span class="copyright-text-1"><i class="fa-solid fa-copyright me-2"></i>Copyright 2023</span>
<span class="copyright-text-2">All right reserved by DevGeeks</span>
</div>
</div>
</session>
<!-- copyright session end -->
</body>
<!-- scroll reveal script src here -->
<script src="./assets/js/scrollreveal.js"></script>
<!-- jquery minified cdn -->
<script src="https://code.jquery.com/jquery-3.7.0.min.js" integrity="sha256-2Pmvv0kuTBOenSvLm6bvfBSSHrUJ+3A7x6P5Ebd07/g=" crossorigin="anonymous"></script>
<script>
$(document).ready(function(){
// nav-link active js
$(".nav-link").click(function(){
$(".nav-link").removeClass("nav-active");
$(this).addClass("nav-active");
})
// for nav bar hamburger
$('.btn-open-menu').click(function(){
$("nav ul").css("right","0px");
})
$('.btn-close-menu').click(function(){
$("nav ul").css("right","-200px");
})
});
</script>
</html>