-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
85 lines (74 loc) · 3.59 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
<!DOCTYPE html>
<html>
<head>
<title>CUFEMUN</title>
<link rel="icon" href="CUFEMUNlogo.png">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="w3.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css">
</head>
<body>
<nav class="w3-bar w3-black">
<a href="#home" class="w3-button w3-bar-item">Home</a>
<a href="#dates" class="w3-button w3-bar-item">Dates</a>
<a href="https://goo.gl/forms/8bwqVhxBwbFhUXjd2" class="w3-button w3-bar-item">Register</a>
<a href="#contact" class="w3-button w3-bar-item">Contact</a>
</nav>
<section>
<img class="mySlides" src="a.jpg"
style="width:100%" height="600px">
<img class="mySlides" src="b.jpg"
style="width:100%" height="600px">
<img class="mySlides" src="c.jpg"
style="width:100%" height="600px">
</section>
<section class="w3-container w3-center w3-content" style="max-width:600px">
<h2 class="w3-wide">THE MUN</h2>
<p class="w3-opacity"><i>Where Diplomacy Trumps</i></p>
<p class="w3-justify">Model United Nations, also known as Model UN or MUN, is an educational simulation and(or) academic activity in which students can learn about diplomacy, international relations, and the United Nations. MUN involves and teaches participants researching, public speaking, debating, and writing skills, in addition to critical thinking, teamwork, and leadership abilities. Usually an extracurricular activity, some schools also offer Model UN as a class. It is meant to engage students and allow them to develop deeper understanding into current world issues. Participants in Model United Nations conferences, known as delegates, are placed in committees and assigned countries to represent, or occasionally other organizations or political figures, where they represent members of that body. They are presented with their assignments in advance, along with a topic or topics that their committee will discuss. Delegates conduct research before conferences and formulate positions that they will then debate with their fellow delegates in the committee, staying true to the actual position of the member they represent. At the end of a conference, the best-performing delegates in each committee, as well as delegations, are sometimes recognized with awards.
</p>
</section>
<section class="w3-row-padding w3-center w3-light-grey">
<article class="w3-third">
<p>Maddy</p>
<img src="d.jpg" alt="Random Name" style="width:100%">
<p>Maddy is the brains.</p>
</article>
<article class="w3-third">
<p>Drishti</p>
<img src="e.jpg" alt="Random Name" style="width:100%">
<p>Drishti is the face.</p>
</article>
<article class="w3-third">
<p>Adi</p>
<img src="f.jpg" alt="Random Name" style="width:100%">
<p>Adi is the jester.</p>
</article>
</section>
<footer class="w3-container w3-padding-64 w3-center w3-black w3-xlarge">
<a href="#"><i class="fa fa-facebook-official"></i></a>
<a href="#"><i class="fa fa-pinterest-p"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-flickr"></i></a>
<a href="#"><i class="fa fa-linkedin"></i></a>
<p class="w3-medium">
Where Diplomacy Trumps </p>
</footer>
<script>
var myIndex = 0;
carousel();
function carousel() {
var i;
var x = document.getElementsByClassName("mySlides");
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
myIndex++;
if (myIndex > x.length) {myIndex = 1}
x[myIndex-1].style.display = "block";
setTimeout(carousel, 10000);
}
</script>
</body>
</html>