-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
192 lines (170 loc) · 8.61 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
<!DOCTYPE html>
<html lang="en">
<head>
<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>Business Website</title>
<link rel="stylesheet" href="style.css">
<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=Ubuntu:wght@300;400;500;700&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css"
integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/>
</head>
<body>
<section class="header">
<nav>
<a href="index.html"><img src="img/—Pngtree—computer desktop gaming pc personal_4437152.png"></a>
<div class="nav-links" id="navlinks">
<i class="fas fa-times" onclick="hidemenu()"></i>
<ul>
<li><a href="index.html">HOME</a></li>
<li><a href="abtUsINDX.html">ABOUT US</a></li>
<li><a href="courses.html">COURSES</a></li>
<li><a href="blog.html">BLOG</a></li>
<li><a href="contact.html">CONTACT US</a></li>
</ul>
</div>
<i class="fas fa-bars" onclick="showmenu()"></i>
</nav>
<div class="text-box">
<h1>Welcome to Computer GURUKUL!!</h1>
<p>Learning Computer science can be the easiest thing when you are guided by such experienced
mentors <br>...here you can learn HTML,CSS, JavaScript,Python ,C and C++ and Graphic Design as well.
</p>
<a href="vdo.html" class="hero-btn" >Visit us to know more about the institution</a>
</div>
</section>
<section class="course">
<h1>Courses We offer</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Blanditiis laudantium saepe ipsum quaerat labore assumenda.</p>
<div class="row">
<div class="course-col">
<h3>CCC & o-level course</h3>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nesciunt, suscipit ipsum. Necessitatibus repudiandae omnis nesciunt animi recusandae, ab modi voluptatum expedita laborum assumenda numquam, eum odio quaerat, aut dolorem id.
Iure dolore facere odio facilis eligendi vero quaerat similique, dolor error eius quo voluptate porro fugit! Qui voluptas, perferendis, reprehenderit totam cum harum eligendi, eos saepe beatae quam aliquam illum.</p>
</div>
<div class="course-col">
<h3>C/C++ Java& Python</h3>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nesciunt, suscipit ipsum. Necessitatibus repudiandae omnis nesciunt animi recusandae, ab modi voluptatum expedita laborum assumenda numquam, eum odio quaerat, aut dolorem id.
Iure dolore facere odio facilis eligendi vero quaerat similique, dolor error eius quo voluptate porro fugit! Qui voluptas, perferendis, reprehenderit totam cum harum eligendi, eos saepe beatae quam aliquam illum.</p>
</div>
<div class="course-col">
<h3>Data science, AI &ML</h3>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nesciunt, suscipit ipsum. Necessitatibus repudiandae omnis nesciunt animi recusandae, ab modi voluptatum expedita laborum assumenda numquam, eum odio quaerat, aut dolorem id.
Iure dolore facere odio facilis eligendi vero quaerat similique, dolor error eius quo voluptate porro fugit! Qui voluptas, perferendis, reprehenderit totam cum harum eligendi, eos saepe beatae quam aliquam illum.</p>
</div>
</div>
</section>
<section class="branch">
<h1>Our Branches</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
<div class="row">
<div class="branch-col">
<img src="img/pexels-alfauzikri-5823879.jpg" alt="">
<div class="layer">
<h3>LUCKNOW</h3>
</div>
</div>
<div class="branch-col">
<img src="img/pexels-bali-demiri-3801167.jpg" alt="">
<div class="layer">
<h3>NEW DELHI</h3>
</div>
</div>
<div class="branch-col">
<img src="img/pexels-adrien-olichon-3709337.jpg" alt="">
<div class="layer">
<h3>NOIDA</h3>
</div>
</div>
</div>
</section>
<section class="facilities">
<h1>Our Facilities</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Et, eligendi!</p>
<div class="row">
<div class="facilities-col">
<img src="img/pexels-pixabay-267507 (1).jpg" alt="">
<h3>Full FLedged Labs</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sequi possimus adipisci corrupti facilis obcaecati.</p>
</div>
<div class="facilities-col">
<img src="img/pexels-fauxels-3182804.jpg" alt="">
<h3>Experienced Faculties</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sequi possimus adipisci corrupti facilis obcaecati.</p>
</div>
<div class="facilities-col">
<img src="img/pexels-designecologist-1779487.jpg" alt="">
<h3>Government Verified Certification</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sequi possimus.</p>
</div>
</div>
</section>
<section class="testimonials">
<h1>What Our Students Say--</h1>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit.</p>
<div class="row">
<div class="testimonials-col">
<img src="img/pexels-andrea-piacquadio-716411.jpg" alt="">
<div>
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Cumque sapiente dignissimos iure culpa.
Pariatur sequi accusantium vel, harum rem non natus molestias tenetur recusandae accusamus?
</p>
<h3>Ryan Obama</h3>
<i class="fa fa-star" ></i>
<i class="fa fa-star" ></i>
<i class="fa fa-star" ></i>
<i class="fa fa-star" ></i>
<i class="fa fa-star-o" ></i>
</div>
</div>
<div class="testimonials-col">
<img src="img/pexels-karolina-grabowska-4476634.jpg" alt="">
<div>
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Cumque sapiente dignissimos iure culpa.
Pariatur sequi accusantium vel, harum rem non natus molestias tenetur recusandae accusamus?
</p>
<h3>Chrestiano delf</h3>
<i class="fa fa-star" ></i>
<i class="fa fa-star" ></i>
<i class="fa fa-star" ></i>
<i class="fa fa-star" ></i>
<i class="fa fa-star-half-o" ></i>
</div>
</div>
</div>
</section>
<section class="call">
<h1>Register for Enquiry call</h1>
<a href="contact.html" class="hero-btn">CONTACT US</a>
</section>
<section class="footer">
<h4>About us</h4>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Officia aperiam inventore aliquid <br>
earum exercitationem consectetur modi, necessitatibus laboriosam rerum et!</p>
<div class="icons">
<i class="fab fa-facebook"></i>
<i class="fab fa-twitter"></i>
<i class="fab fa-instagram"></i>
<i class="fab fa-linkedin"></i>
</div>
</section>
<footer class="center">
Copyright © www.mycomputerGURUKUL.com All rights reserved!!
</footer>
<script>
var navlinks = document.getElementById("navlinks");
function showmenu(){
navlinks.style.right = "0";
}
function hidemenu(){
navlinks.style.right = "-200px";
}
</script>
</body>
</html>