forked from geekyshow1/GeekDev
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
217 lines (197 loc) · 11.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
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO"
crossorigin="anonymous">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ"
crossorigin="anonymous">
<!-- Google Font -->
<link href="https://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet">
<!-- Custom CSS -->
<link rel="stylesheet" href="css/style.css">
<title>Geek Dev</title>
</head>
<!--
Theme - Single Page Bootstrap Theme
Developer - Geeky Shows
Version - 1.0
Email - [email protected]
Website - www.geekyshows.com
-->
<body>
<!-- Start Nagigation -->
<nav class="navbar navbar-expand-sm navbar-dark bg-danger pl-5 fixed-top">
<a href="index.html" class="navbar-brand">GeekDev</a>
<span class="navbar-text">Learn and Implement</span>
<button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#myMenu">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="myMenu">
<ul class="navbar-nav pl-5 custom-nav">
<li class="nav-item"><a href="index.html" class="nav-link">Home</a></li>
<li class="nav-item"><a href="#Services" class="nav-link">Services</a></li>
<li class="nav-item"><a href="#Courses" class="nav-link">Courses</a></li>
<li class="nav-item"><a href="#Team" class="nav-link">Team</a></li>
<li class="nav-item"><a href="#Contact" class="nav-link">Contact</a></li>
</ul>
</div>
</nav> <!-- End Navigation -->
<!-- Start Header Jumbotron-->
<header class="jumbotron back-image" style="background-image: url(images/Banner.jpeg);">
<div class="text-center" style="margin-top: 120px;">
<h1 class="text-uppercase text-danger font-weight-bold">Welcome to Geek Developers</h1>
<p class="font-italic font-weight-bold st">Learn and Implement</p>
<a href="#Contact" class="btn btn-outline-danger mr-4">Hire Us</a>
<a href="https://www.youtube.com/user/GeekyShow1" target="_blank" class="btn btn-outline-danger">Join Us</a>
</div>
</header> <!-- End Header Jumbotron -->
<!-- Start Services -->
<div class="container text-center border-bottom" id="Services">
<h2>Our Services</h2>
<div class="row mt-4">
<div class="col-sm-4 mb-4">
<a href="#"><i class="fab fa-android fa-10x text-success"></i></a>
<h4 class="mt-4">Android Application</h4>
</div>
<div class="col-sm-4 mb-4">
<a href="#"><i class="fas fa-desktop fa-10x text-primary"></i></a>
<h4 class="mt-4">Web Application</h4>
</div>
<div class="col-sm-4 mb-4">
<a href="#"><i class="fas fa-database fa-10x text-info"></i></a>
<h4 class="mt-4">Database</h4>
</div>
</div>
</div> <!-- End Services -->
<!-- Start Course -->
<div class="container pt-5" id="Courses"> <!-- Start Course Container -->
<h2 class="text-center">Our Courses</h2> <!-- Course Heading -->
<div class="row mt-4"> <!-- Start Course 1st Row -->
<div class="col-lg-6 mb-4"> <!-- Start Course 1st Row's 1st Column -->
<img src="images/course1.jpeg" alt="" class="img-fluid">
</div> <!-- End Course 1st Row's 1st Column -->
<div class="col-lg-6"> <!-- Start Course 1st Row's 2nd Column -->
<h2 class="text-center">Learn Java Programming</h2> <br>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum ducimus, modi aut consequatur dolore ut praesentium esse recusandae at amet. Dolorem eius obcaecati ratione, quas laborum consequatur inventore vitae nostrum! Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos asperiores magnam culpa ullam. Quasi voluptatem eveniet sed velit tempore eaque adipisci magnam recusandae quaerat praesentium illo, animi, sit ratione quo.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente nisi atque ipsam optio, iusto explicabo odit suscipit delectus quis eum adipisci quo voluptas laboriosam quisquam sit, sint asperiores eius in!</p>
</div> <!-- End Course 1st Row's 2nd Column -->
</div> <!-- End Course 1st Row -->
<div class="row mt-4"> <!-- Start Course 2nd Row -->
<div class="col-lg-6"> <!-- Start Course 2nd Row's 1st Column -->
<h2 class="text-center">Real World Projects</h2> <br>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum ducimus, modi aut consequatur dolore ut praesentium esse recusandae at amet. Dolorem eius obcaecati ratione, quas laborum consequatur inventore vitae nostrum! Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos asperiores magnam culpa ullam. Quasi voluptatem eveniet sed velit tempore eaque adipisci magnam recusandae quaerat praesentium illo, animi, sit ratione quo.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente nisi atque ipsam optio, iusto explicabo odit suscipit delectus quis eum adipisci quo voluptas laboriosam quisquam sit, sint asperiores eius in!</p>
</div> <!-- End Course 2nd Row's 1st Column -->
<div class="col-lg-6 mb-4"> <!-- Start Course 2nd Row's 2nd Column -->
<img src="images/course2.jpeg" alt="" class="img-fluid">
</div> <!-- End Course 2nd Row's 2nd Column -->
</div> <!-- End Course 2nd Row -->
</div> <!-- End Course Container --> <!-- End Course -->
<!-- Start Team -->
<div class="jumbotron bg-danger" id="Team"> <!-- Start Team Jumbotron -->
<div class="container"> <!-- Start Team Container -->
<h2 class="text-center text-white">Team</h2> <!-- Team Heading-->
<div class="row mt-5"> <!-- Start Team Row-->
<div class="col-lg-3 col-sm-6"> <!-- Start Team 1st Column-->
<div class="card shadow-lg mb-2">
<div class="card-body text-center">
<img src="images/avtar1.jpeg" class="img-fluid" style="border-radius: 100px;">
<h4 class="card-title">Rahul Kumar</h4>
<p class="card-text">Itaque illo explicabo voluptatum, saepe libero rerum, ad ducimus voluptas nesciunt debitis numquam.</p>
</div>
</div>
</div> <!-- End Team 1st Column-->
<div class="col-lg-3 col-sm-6"> <!-- Start Team 2nd Column-->
<div class="card shadow-lg mb-2">
<div class="card-body text-center">
<img src="images/avtar2.jpeg" class="img-fluid" style="border-radius: 100px;">
<h4 class="card-title">Sonam Sharma</h4>
<p class="card-text">Itaque illo explicabo voluptatum, saepe libero rerum, ad ducimus voluptas nesciunt debitis numquam.</p>
</div>
</div>
</div> <!-- End Team 2nd Column-->
<div class="col-lg-3 col-sm-6"> <!-- Start Team 3rd Column-->
<div class="card shadow-lg mb-2">
<div class="card-body text-center">
<img src="images/avtar3.jpeg" class="img-fluid" style="border-radius: 100px;">
<h4 class="card-title">Sumit Vyas</h4>
<p class="card-text">Itaque illo explicabo voluptatum, saepe libero rerum, ad ducimus voluptas nesciunt debitis numquam.</p>
</div>
</div>
</div> <!-- End Team 3rd Column-->
<div class="col-lg-3 col-sm-6"> <!-- Start Team 4th Column-->
<div class="card shadow-lg mb-2">
<div class="card-body text-center">
<img src="images/avtar4.jpeg" class="img-fluid" style="border-radius: 100px;">
<h4 class="card-title">Jyoti Sinha</h4>
<p class="card-text">Itaque illo explicabo voluptatum, saepe libero rerum, ad ducimus voluptas nesciunt debitis numquam.</p>
</div>
</div>
</div> <!-- End Team 4th Column-->
</div> <!-- End Team Row-->
</div> <!-- End Team Container -->
</div> <!-- End Team Jumbotron -->
<!--Start Contact Us-->
<div class="container" id="Contact"> <!--Start Contact Us Container-->
<h2 class="text-center mb-4">Contact US</h2> <!-- Contact Us Heading -->
<div class="row"> <!--Start Contact Us Row-->
<div class="col-md-8"> <!--Start Contact Us 1st Column-->
<form action="#" method="post">
<input class="form-control" name="name" placeholder="Name" /><br />
<input class="form-control" name="phone" placeholder="Phone" /><br />
<input class="form-control" name="email" placeholder="E-mail" /><br />
<textarea class="form-control" name="text" placeholder="How can we help you?" style="height:150px;"></textarea><br />
<input class="btn btn-primary" type="submit" value="Send" /><br /><br />
</form>
</div> <!-- End Contact Us 1st Column-->
<div class="col-md-4 text-center"> <!-- Start Contact Us 2nd Column-->
<strong>Headquarter:</strong> <br>
Geeky Dev Pvt Ltd, <br>
Harmu, Ranchi <br>
Jharkhand - 834005 <br>
Phone: +00000000 <br>
<a href="https://www.geekyshows.com" target="_blank">www.geekyshows.com</a> <br>
<br><br>
<strong>Kolkata Branch:</strong> <br>
Geeky Dev Pvt Ltd, <br>
Sec V, Kolkata <br>
WB - 804002 <br>
Phone: +00000000 <br>
<a href="https://www.geekyshows.com" target="_blank">www.geekyshows.com</a> <br>
</div> <!-- End Contact Us 2nd Column-->
</div> <!-- End Contact Us Row-->
</div> <!-- End Contact Us Container--> <!-- End Contact Us -->
<!-- Start Footer-->
<footer class="container-fluid bg-dark text-white mt-5" style="border-top: 3px solid #DC3545;">
<div class="container"> <!-- Start Footer Container -->
<div class="row py-3"> <!-- Start Footer Row -->
<div class="col-md-6"> <!-- Start Footer 1st Column -->
<div>
<span>Follow Us: </span>
<a href="https://www.facebook.com/GeekyShow" target="_blank"><i class="fab fa-facebook-f px-3"></i></a>
<a href="https://twitter.com/Geekyshow1" target="_blank"><i class="fab fa-twitter pr-3"></i></a>
<a href="https://www.youtube.com/user/GeekyShow1" target="_blank"><i class="fab fa-youtube pr-3"></i></a>
<a href="#" target="_blank"><i class="fab fa-google-plus-g pr-3"></i></a>
<a href="#" target="_blank"><i class="fas fa-rss pr-3"></i></a>
</div>
</div> <!-- End Footer 1st Column -->
<div class="col-md-6 text-right"> <!-- Start Footer 2nd Column -->
<small> Designed by <a href="https://www.geekyshows.com" target="_blank">GeekyShows</a> © 2018. </small>
</div> <!-- End Footer 2nd Column -->
</div> <!-- End Footer Row -->
</div> <!-- End Footer Container -->
</footer> <!-- End Footer -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy"
crossorigin="anonymous"></script>
</body>
</html>