-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
184 lines (177 loc) · 7.67 KB
/
Copy pathindex.html
File metadata and controls
184 lines (177 loc) · 7.67 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ITVersity, Inc - Training & Placement Assistance</title>
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
</head>
<body>
<header>
<nav>
<div class="logo">ITVersity</div>
<ul class="nav-links">
<li><a href="#home">Home</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#courses">Courses</a></li>
<li><a href="#locations">Locations</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</header>
<section id="home" class="hero">
<div class="hero-content">
<h1>Welcome to ITVersity</h1>
<p>Empowering careers through quality training and placement assistance</p>
<a href="#courses" class="cta-button">Explore Our Courses</a>
</div>
</section>
<section id="services" class="services">
<h2>Our Services</h2>
<div class="service-cards">
<div class="card">
<i class="fas fa-graduation-cap"></i>
<h3>Training</h3>
<p>Industry-relevant training programs designed to build your career in technology</p>
</div>
<div class="card">
<i class="fas fa-handshake"></i>
<h3>Placement Assistance</h3>
<p>Comprehensive placement support to help you land your dream job</p>
</div>
</div>
</section>
<section id="courses" class="courses">
<h2>Our Courses</h2>
<div class="course-cards">
<div class="card">
<h3>Python for Beginners</h3>
<p>Master the fundamentals of Python programming language</p>
<ul>
<li>Basic Python syntax</li>
<li>Data structures</li>
<li>Object-oriented programming</li>
<li>Practical projects</li>
</ul>
<a href="courses/python-beginners.html" class="button">View Course Details</a>
</div>
<div class="card">
<h3>Data Engineering Essentials</h3>
<p>Comprehensive training in modern data engineering</p>
<ul>
<li>Data pipelines</li>
<li>ETL processes</li>
<li>Big data technologies</li>
<li>Cloud platforms</li>
</ul>
<a href="courses/data-engineering.html" class="button">View Course Details</a>
</div>
<div class="card">
<h3>Apache Spark and Databricks for Beginners</h3>
<p>Master big data processing with Apache Spark and Databricks platform</p>
<ul>
<li>Spark fundamentals</li>
<li>Databricks workspace</li>
<li>Data processing at scale</li>
<li>Machine learning with MLlib</li>
</ul>
<a href="courses/spark-databricks.html" class="button">View Course Details</a>
</div>
</div>
</section>
<section id="locations" class="locations">
<h2>Our Locations</h2>
<div class="location-cards">
<div class="card">
<img src="https://images.unsplash.com/photo-1545194445-dddb8f4487c6?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt="Dallas Office" class="location-image">
<i class="fas fa-map-marker-alt"></i>
<h3>Dallas, TX</h3>
<p>United States</p>
<p>Modern tech hub in the heart of Dallas</p>
</div>
<div class="card">
<img src="https://images.unsplash.com/photo-1582510003544-4d00b7f74220?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt="Hyderabad Office" class="location-image">
<i class="fas fa-map-marker-alt"></i>
<h3>Hyderabad</h3>
<p>Telangana, India</p>
<p>State-of-the-art facility in HITEC City</p>
</div>
</div>
</section>
<section id="team" class="team-section">
<h2>Our Team</h2>
<div class="team-grid">
<div class="team-member">
<img src="https://images.unsplash.com/photo-1560250097-0b93528c311a?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80" alt="John Smith">
<div class="team-member-info">
<h3>John Smith</h3>
<p>Lead Python Instructor</p>
<p>15+ years of software development experience</p>
</div>
</div>
<div class="team-member">
<img src="https://images.unsplash.com/photo-1573497019940-1c28c88b4f3e?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80" alt="Sarah Johnson">
<div class="team-member-info">
<h3>Sarah Johnson</h3>
<p>Data Engineering Lead</p>
<p>Former Senior Data Engineer at Fortune 500</p>
</div>
</div>
<div class="team-member">
<img src="https://images.unsplash.com/photo-1519085360753-af0119f7cbe7?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80" alt="Mike Chen">
<div class="team-member-info">
<h3>Mike Chen</h3>
<p>Career Coach</p>
<p>Expert in tech career development</p>
</div>
</div>
</div>
</section>
<section id="contact" class="contact">
<h2>Contact Us</h2>
<div class="contact-form">
<form>
<input type="text" placeholder="Name" required>
<input type="email" placeholder="Email" required>
<select required>
<option value="" disabled selected>Select Course</option>
<option value="python">Python for Beginners</option>
<option value="data-engineering">Data Engineering Essentials</option>
<option value="spark-databricks">Apache Spark and Databricks for Beginners</option>
</select>
<textarea placeholder="Message" required></textarea>
<button type="submit" class="button">Send Message</button>
</form>
</div>
</section>
<footer>
<div class="footer-content">
<div class="footer-section">
<h4>ITVersity, Inc</h4>
<p>Empowering careers through quality education</p>
</div>
<div class="footer-section">
<h4>Quick Links</h4>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#courses">Courses</a></li>
<li><a href="#locations">Locations</a></li>
</ul>
</div>
<div class="footer-section">
<h4>Connect With Us</h4>
<div class="social-links">
<a href="#"><i class="fab fa-linkedin"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-facebook"></i></a>
</div>
</div>
</div>
<div class="footer-bottom">
<p>© 2024 ITVersity, Inc. All rights reserved.</p>
</div>
</footer>
</body>
</html>