-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
182 lines (139 loc) · 5.62 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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>TUTOR</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<link rel="stylesheet" href="style.css">
<link rel="icon" href="symbol.ico.png">
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
</head>
<body>
<!-- -->
<nav class="navbar navbar-expand-lg navbar-danger bg-dark">
<!--<a class="navbar-brand" href="#">TUTOR</a>-->
<a class="navbar-brand" href="#">
<img class="image" src="Website Symbol.jpeg" >
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">About us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Join us</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
More
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" href="#">Book Gallery</a>
<a class="dropdown-item" href="#">Notes</a>
<a class="dropdown-item" href="#">Resources</a>
</div>
</li>
</ul>
</div>
</nav>
<!-- <img src="Screenshot 1.png">-->
<div class="head ">
</div>
<div class="head1 shadow">
<p>
<center>
HEY! ME GYAN
</center>
</p>
<h3>
<center>
YOUR GUIDER
</center>
</h3>
</div>
<div class="front">
</div>
<div class="class1">
<p>Want to learn from scratch?</p>
</div>
<div class="class2">
<p>Not getting authentic resource material?</p>
</div>
<div class="class3">
<p>Worries about placements?</p>
</div>
<div class="new">
<p>GRAB.LEARN.GROW</p>
</div>
<div class="pho1">
<img src="Book.png" height="70px" width="130px" >
</div>
<div class="pho2">
<img src="Girl.png" height="70px" width="130px">
</div>
<div class="pho3">
<img src="Jobs.png" height="70px" width="130px">
</div>
<hr />
<!-- NEW SECTION -->
<div>
<center>
<p class="new_para">HOW WE CAN HELP</p>
<img class="newimg" src="Team picture.png">
<div class="div1">
<p>
<strong>Our community is here to provide a student all kind of help, he/she needs during his engineering time. Moreover we provides the totally free guidance to students to excel in the exams after the engineering.</strong>
</p>
</div>
</center>
</div>
<hr class="horizontal"/>
<div class="help">
<div class="help-row">
<img class="code-img div123" src="Resources.jpg" alt="code-img">
<h3 class="h3">Resources</h3>
<p class="p">We will be providing free resources for each and every college student to excel in his respective field with proper guidance.</p>
<a class="btn1" href="#">VIEW MORE</a>
</div>
<hr class="horizontal"/>
<div class="help-row">
<img class="book div123" src="Book gallery.jpg" alt="code-img">
<h3 class="h3">Book gallery</h3>
<p class="p">We will be providing free books for each and every college student to excel in his respective field with proper guidance.</p>
<a class="btn1" href="#">VIEW MORE</a>
</div>
<hr class="horizontal"/>
<div class="help-row">
<img class="comp div123" src="Computer.jpg" alt="code-img">
<h3 class="h3">Computer Science</h3>
<p class="p">In this section, we will be providing material related to themost famous languages like C, C++, Python to excel in his respective language with proper guidance.</p>
<a class="btn1" href="#">VIEW MORE</a>
</div>
<hr class="horizontal"/>
<!-- ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo -->
<div class="contact-me">
<center>
<h2 class="h2">Get In Touch</h2>
<h3 class="h3">For any feedback, query or any help.</h3>
<p class="contact-message">Students who are intrested in extra curricural activities like advertisement, web dev and many more things can contact us.</p>
<a class="btn" href="abc@gmail.com">CONTACT ME</a>
</center>
</div>
<div class="bottom-container">
<center>
<a class="footer-link" href="https://linkedin.com">LinkedIn</a>
<a class="footer-link" href="https://twitter.com">Twitter</a>
<a class="footer-link" href="https://www.gyan-spot.com">Website</a>
<p class="copyright">© 2020 Gyan Spot @ Gyan tutorial.</p>
</center>
</div>
</body>
</html>