-
Notifications
You must be signed in to change notification settings - Fork 0
/
Courses.html
135 lines (130 loc) · 6.02 KB
/
Courses.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>VIT-AP University</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<link rel="stylesheet" href="css/styles.css">
<script src="js/main.js" defer></script>
</head>
<body>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container">
<a class="navbar-brand" href="index.html">
<img src="images/logo.png" alt="University Logo" style="height: 60px;">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item" id="home-link">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item" id="about-link">
<a class="nav-link" href="About.html">About</a>
</li>
<li class="nav-item" id="courses-link">
<a class="nav-link" href="Courses.html">Courses</a>
</li>
<li class="nav-item" id="admissions-link">
<a class="nav-link" href="Admissions.html">Admissions</a>
</li>
<li class="nav-item" id="placements-link">
<a class="nav-link" href="Placements.html">Placements</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Courses Section -->
<section class="courses-section">
<div class="container">
<h2 class="section-title">Our Courses</h2>
<div class="course-card">
<i class="fas fa-laptop-code"></i>
<h3>Computer Science Engineering</h3>
<p>Explore the world of coding, software development, and cutting-edge technologies in our Computer Science Engineering program.</p>
</div>
<div class="course-card">
<i class="fas fa-microchip"></i>
<h3>Electronics Engineering</h3>
<p>Learn to design and develop electronic circuits and devices in our Electronics Engineering program.</p>
</div>
<div class="course-card">
<i class="fas fa-cogs"></i>
<h3>Mechanical Engineering</h3>
<p>Master the principles of mechanical systems, robotics, and manufacturing processes in our Mechanical Engineering program.</p>
</div>
<div class="course-card">
<i class="fas fa-database"></i>
<h3>Data Science</h3>
<p>Master data analysis, machine learning, and big data technologies in our Data Science program.</p>
</div>
<div class="course-card">
<i class="fas fa-chart-line"></i>
<h3>Business Administration</h3>
<p>Develop leadership skills and learn about finance, marketing, and strategy in our BBA program.</p>
</div>
<div class="course-card">
<i class="fas fa-microscope"></i>
<h3>Biotechnology</h3>
<p>Explore genetic engineering, bioprocessing, and bioinformatics in our Biotechnology program.</p>
</div>
</div>
</section>
<!-- Footer -->
<footer class="footer-section">
<div class="container">
<div class="footer-content">
<div class="footer-info">
<h3>KEEP ME UPDATED</h3>
<form>
<input type="text" placeholder="Name" required>
<input type="email" placeholder="Email Address" required>
<input type="tel" placeholder="Mobile No." required>
<button type="submit">Submit</button>
</form>
</div>
<div class="footer-links">
<h3>INFORMATION</h3>
<ul>
<li><a href="#">Public Notice: University Act</a></li>
<li><a href="#">Application Process</a></li>
<li><a href="#">Academic Calendar</a></li>
<li><a href="#">IQAC</a></li>
</ul>
</div>
<div class="footer-links">
<h3>QUICK LINKS</h3>
<ul>
<li><a href="#">Academics</a></li>
<li><a href="#">Programmes Offered</a></li>
<li><a href="#">Careers</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">Terms of use</a></li>
<li><a href="#">How to reach VIT-AP?</a></li>
</ul>
</div>
<div class="footer-address">
<h3>Contact Us</h3>
<p>Near Vijayawada - 522237, Andhra Pradesh.</p>
</div>
</div>
</div>
<div class="footer-bottom">
<p>© 2023 VIT-AP University. All rights reserved.</p>
<div class="social-icons">
<a href="#" class="social-icon"><i class="fab fa-facebook"></i></a>
<a href="#" class="social-icon"><i class="fab fa-twitter"></i></a>
<a href="#" class="social-icon"><i class="fab fa-instagram"></i></a>
</div>
</div>
</footer>
</body>
</html>