-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathProgram.html
138 lines (129 loc) · 6.71 KB
/
Program.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Unicounil</title>
<link rel="stylesheet" href="program styles.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body style="background-color: #171616;">
<div class="navbar">
<a href="./index.html">Tab 1</a>
<a href="#news">Tab 2</a>
<a href="#contact">Tab 3</a>
<a href="#about">Tab 4</a>
<a href="#services" style="margin-left: 75px;">Tab 5</a>
<div class="dropdown">
<button class="dropbtn">Tab 6
<i class="fa fa-caret-down"></i>
</button>
<div class="dropdown-content">
<a href="#">Option 1</a>
<a href="#">Option 2</a>
<a href="#">Option 3</a>
<a href="#">Option 4</a>
</div>
</div>
</div>
<hr style="border: 1.5px solid white;">
<hr style="border: 2px solid #171616;">
<h1 style="font-size: 50px; color: white;"><center>Bachelor's Degree </center></h1>
<br><br>
<div class="slideshow-container" >
<div class="mySlides fade">
<div class="numbertext">1 / 3</div>
<img src="Cambridge university.png" style="max-height: 588px;">
<div class="text">Caption Text</div>
</div>
<div class="mySlides fade">
<div class="numbertext">2 / 3</div>
<img src="China colleges.png" style="max-height: 588px;">
<div class="text">Caption Two</div>
</div>
<div class="mySlides fade">
<div class="numbertext">3 / 3</div>
<img src="LMU 1.png" style="max-height: 588px;">
<div class="text">Caption Three</div>
</div>
</div>
</div>
<br>
<div style="text-align:center">
<span class="dot"></span>
<span class="dot"></span>
<span class="dot"></span>
</div>
<script>
let slideIndex = 0;
showSlides();
function showSlides() {
let i;
let slides = document.getElementsByClassName("mySlides");
let dots = document.getElementsByClassName("dot");
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
slideIndex++;
if (slideIndex > slides.length) {slideIndex = 1}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" active", "");
}
slides[slideIndex-1].style.display = "block";
dots[slideIndex-1].className += " active";
setTimeout(showSlides, 2000); // Change image every 2 seconds
}
</script>
<br><br><br><br>
<div >
<table class="container">
<tr> <th align="left">
<h1>Bachelor in Business Administrations (BBA)</h1>
<i class="fa fa-clock-o" style="font-size:26px"> 3 years</i><br><br>
<i class="fa fa-university" style="font-size:26px"> Ludwig-Maximilians-University (LMU),Munich</i><br><br>
<i class="fa fa-line-chart" style="font-size:26px"> #38 in World Rankings</i><br><br>
<i class="fa fa-map-marker" style="font-size:26px"> Munich, Germany</i></th>
<th style="padding-left:300px;"><img src="LMU 1.png" height="300px" alt="LMU.png"></th>
</tr></table> <br><br><br>
<table class="container">
<tr> <th align="left">
<h1>Bachelor of Science (BSc)</h1>
<i class="fa fa-clock-o" style="font-size:26px"> 4 years</i><br><br>
<i class="fa fa-university" style="font-size:26px"> The Massachusetts Institute of Technology, Massachusetts</i><br><br>
<i class="fa fa-line-chart" style="font-size:26px"> #1 in World Rankings (Engineering)</i><br><br>
<i class="fa fa-map-marker" style="font-size:26px"> Cambridge, USA</i></th>
<th style="padding-left:318px;"><img src="MIT.png" height="300px" alt="LMU.png"></th>
</tr></table><br><br><br>
<table class="container">
<tr> <th align="left">
<h1>Bachelor of Science in Philosophy (BSc)</h1>
<i class="fa fa-clock-o" style="font-size:26px"> 4 years</i><br><br>
<i class="fa fa-university" style="font-size:26px"> Lomonosov Moscow State University, Moscow</i><br><br>
<i class="fa fa-line-chart" style="font-size:26px"> #73 in World Rankings</i><br><br>
<i class="fa fa-map-marker" style="font-size:26px"> Moscow, Russia</i></th>
<th style="padding-left:400px;"><img src="Moscow university.png" height="300px" width="530" alt="LMU.png"></th>
</tr></table> <br><br><br>
<table class="container">
<tr> <th align="left">
<h1 style="padding-right: 70px;"> Aeronautical Engineering (BS)</h1>
<i class="fa fa-clock-o" style="font-size:26px"> 4 years</i><br><br>
<i class="fa fa-university" style="font-size:26px"> McGill University, Montreal</i><br><br>
<i class="fa fa-line-chart" style="font-size:26px"> #30 in World Rankings</i><br><br>
<i class="fa fa-map-marker" style="font-size:26px"> Montreal, Canada</i></th>
<th style="padding-left:460px;"><img src="Trinity college.jpg" height="300px" width="530px" alt="LMU.png"></th>
</tr></table> <br><br><br>
<table class="container">
<tr> <th align="left">
<h1>College of Design and Engineering (BS)</h1>
<i class="fa fa-clock-o" style="font-size:26px"> 4 years</i><br><br>
<i class="fa fa-university" style="font-size:26px"> National University of Singapore, Singapore</i><br><br>
<i class="fa fa-line-chart" style="font-size:26px"> #26 in World Rankings</i><br><br>
<i class="fa fa-map-marker" style="font-size:26px"> Singapore, Singapore</i></th>
<th style="padding-left:300px;"><img src="singapore university.jpeg" height="300px" width="530px" alt="LMU.png"></th>
</tr></table> <br><br><br>
</div>
<footer style="height: 50px; background-color: #555;">
<p align="center">© 2024 UniCouncil. All rights reserved.</p>
</footer>
</body>
</html>