-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
209 lines (189 loc) · 9.04 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
<!--
MSIN 617 Web and Application Development
Spring 2022 Final Project
Developed By Nury Amanmadov
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="Touro University GST MSIN 617 Final Project, Virtual Touro Tech Academy">
<meta name="keywords" content="html, css, touro university, msin 617, web and app development">
<meta name="author" content="Nury Amanmadov">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Touro Tech Academy - Home</title>
<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=Poppins:wght@100;200;300;400;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="shortcut icon" href="images/favicon.ico">
</head>
<body>
<!-- Header section -->
<div class="header">
<nav>
<a href="https://gst.touro.edu/index.php"><img src="images/logo1.png" alt="logo"></a>
<div class="nav-links" id="navLinks">
<i class="fa fa-times" onclick="hideMenu()"></i>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="courses.html">Courses</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<i class="fa fa-bars" onclick="showMenu()"></i>
</nav>
<div class="text-box">
<h1>Touro Tech Academy</h1>
<p>
Enroll in Touro Tech Academy today and get the in-demand skills you need to help land a high-paying tech job.
<br>
Learn at your own pace, when and where its convenient for you.
<br>
<strong>Learn with us and achieve your dream job in just a few months with our bootcamp.</strong>
</p>
<a href="contact.html" class="hero-btn">Contact us for more</a>
</div>
<div class="hero">
<a href="#courses" class="scroll-down">
<div class="mouse">
<span></span>
</div>
<div class="arrow">
<span></span>
</div>
</a>
</div>
</div>
<!-- End of Header section -->
<!-- Courses section -->
<section class="courses" id="courses">
<h2>Courses We Offer</h2>
<p>
Radical talent transformation is here. <br>
Changing lives, businesses, and nations through talent transformation in digital technologies.
Explore our new fascinating courses.
</p>
<div class="row" style="color: white;">
<div class="course-col" style="background-image: url(images/slider-images/html-image.png);">
<h3>HTML5</h3>
<p style="color: white;">
The HyperText Markup Language or HTML is the standard markup language for documents designed to be displayed in a web browser.
</p>
<a href="why-html.html" class="hero-btn">Details</a>
</div>
<div class="course-col" style="background-image: url(images/slider-images/css-image.png);">
<h3>CSS3</h3>
<p style="color: white;">
Cascading Style Sheets is a style sheet language used for describing the presentation of a document written in a markup language such as HTML.
</p>
<a href="why-css.html" class="hero-btn">Details</a>
</div>
<div class="course-col" style="background-image: url(images/slider-images/js-image.png);">
<h3>JavaScript</h3>
<p style="color: white;">
JavaScript often abbreviated JS, is a programming language that is one of the core technologies of the World Wide Web, alongside HTML and CSS.
</p>
<a href="why-javascript.html" class="hero-btn">Details</a>
</div>
</div>
</section>
<!-- End of Courses section -->
<!-- Facilities section -->
<section class="facilities">
<h2>Our Facilities</h2>
<p>You will develop your skills at a state-of-art university. <br> We have a wide range of facilities available to our students, staff, faculty, and visitors</p>
<div class="row">
<div class="facilities-col">
<img src="images/library.png" alt="library image">
<h3>World Class Library</h3>
<p>
Students have access to digital library materials including electronic books, electronic journals and educational videos made available to them through our Libraries. You may also checkout eBooks from library. </p>
</div>
<div class="facilities-col">
<img src="images/lab.jpg" alt="lab image">
<h3>World Class Laboratory</h3>
<p>
Hands-on learning with labs is integrated into every curriculum. Lab equipment is maintained and improved to keep current with industry standards. All our labs are integrated with modern technologies.</p>
</div>
<div class="facilities-col">
<img src="images/cafeteria.png" alt="cafeteria image">
<h3>World Class Workrooms</h3>
<p>
Every classroom is open for study when not in use for classes. There are also study rooms throughout campus that are reservable and include wi-fi, whiteboards, tables, and chairs for small group or individual study. </p>
</div>
</div>
</section>
<!-- End of Facilities section -->
<!-- Testimonials section -->
<section class="testimonials">
<h2>What Our Students Say</h2>
<p>KEY REASONS TO JOIN THE TOURO FAMILY</p>
<div class="row">
<div class="testimonial-col">
<img src="images/user1.jpg" alt="">
<div>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia laudantium quas eveniet possimus quos similique ipsam ex minima quis nihil hic, rerum eum ab dolores reprehenderit praesentium labore nisi. Reprehenderit!</p>
<h3>Jane Doe</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"></i>
</div>
</div>
<div class="testimonial-col">
<img src="images/user2.jpg" alt="">
<div>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia laudantium quas eveniet possimus quos similique ipsam ex minima quis nihil hic, rerum eum ab dolores reprehenderit praesentium labore nisi. Reprehenderit!</p>
<h3>John Doe</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>
<!-- End of Testimonials section -->
<!-- Call to action section -->
<section class="cta">
<h2>Enroll Now For Upcoming Batch</h2>
<a href="contact.html" class="hero-btn">Contact Us</a>
</section>
<!-- End of Call to action section -->
<hr>
<!-- Footer section -->
<section class="footer">
<h4>About Us</h4>
<p>
320 West 31st Street (at 8th Avenue) New York, NY 10001 USA
<br>
Touro University Graduate School of Technology
<br>Copyright © 2022. All rights reserved.
</p>
<div class="icons">
<i class="fa fa-facebook" onclick="window.open('https://www.facebook.com/tourogst')" style="cursor:pointer;"></i>
<i class="fa fa-twitter" onclick="window.open('https://twitter.com/tourogst')" style="cursor:pointer;"></i>
<i class="fa fa-linkedin" onclick="window.open('https://www.linkedin.com/school/tourogst')" style="cursor:pointer;"></i>
<i class="fa fa-instagram" onclick="window.open('https://www.instagram.com/tourogst')" style="cursor:pointer;"></i>
</div>
</section>
<!-- End of Footer section -->
<!-- javascript for toggle menu -->
<script>
const navLinks = document.getElementById("navLinks");
function showMenu(){
navLinks.style.right = "0";
}
function hideMenu(){
navLinks.style.right = "-200px";
}
</script>
</body>
</html>