-
Notifications
You must be signed in to change notification settings - Fork 5
/
index.html
148 lines (126 loc) · 6.84 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
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1, width=device-width">
<link rel= "stylesheet" type= "text/css" href= "./static/styles/layout.css">
<link rel="shortcut icon" href="./static/images/vrmc_logo_clearbg.png" type="image/x-icon">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<title>VRMC Home</title>
<link rel= "stylesheet" type= "text/css" href= "./static/styles/index.css">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
<script type="text/javascript">
</script>
</head>
<body>
<nav>
<input type="checkbox" id="check">
<label for="check" class="checkbtn">
<i class="fa fa-bars" style="color: #800000"></i>
</label>
<a href="./index.html"><img src="./static/images/vrmc_name_clear.png" id="name-logo"></a>
<ul id="ul-container">
<li><a href="./aboutus.html" class="">About Us</a></li>
<li><a href="./achievements.html" class="">Achievements</a></li>
<li><a href="./events.html" class="">Events</a></li>
<li><a href="./competitions.html" class="">Competitions</a></li>
<li><a href="./faq.html" class="">FAQs</a></li>
<li><a href="./gallery.html" class="">Gallery</a></li>
</ul>
</nav>
<div id="flex-container">
<!--Slideshow Starts Here-->
<div id="carouselExampleAutoplaying" class="carousel slide" data-bs-ride="carousel" data-bs-interval="3000">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="./static/images/slideshow2.jpeg" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="./static/images/slideshow1.jpg" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="./static/images/slideshow3.jpg" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="./static/images/slideshow4.JPG" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="./static/images/robo3.jpeg" class="d-block w-100" alt="...">
</div>
</div>
<!--Buttons to move the slideshow-->
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleAutoplaying" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleAutoplaying" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
<!--End of Buttons-->
</div>
<!--End of the Slideshow Code-->
<!--CCA Video Trailer-->
<!--Will use Peppa Pig first-->
<iframe width="320" height="560" src="https://www.youtube.com/embed/dq4Gmf26jn8" title="VRMC Open House 2022" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
<!--End of video code-->
<hr id="mid-line">
<!--Motto/Tagline-->
<div id="contact-background">
<div id="contact-container">
<h2>Contact</h2>
<div class="contact-info">
<i class="fa fa-map-marker"></i>
<p>Victoria Junior College</p>
<p>Robotics Laboratory(L2), Opposite Physics Lab</p>
</div>
<div class="contact-info">
<i class="fa fa-envelope"></i>
<p>[email protected]</p>
<p>[email protected]</p>
<p>[email protected]</p>
</div>
</div>
</div>
<hr id="quarter-line">
<div id="form-desc"><p>Send us a message here:</p></div>
<!--
<form id="form" class="topBefore" action="" method="get" enctype="text/plain" target="ifrm1">
<input id="name" type="text" placeholder="NAME" name="name" required>
<input id="email" type="text" placeholder="E-MAIL" name="email" required>
<input id="subject" type="text" placeholder="SUBJECT" name="subject" required>
<textarea id="message" type="text" placeholder="MESSAGE" name="message" required></textarea>
<input id="submit" type="submit" value="GO!" onclick="popUp()">
</form>
-->
<form action="" method="get" enctype="text/plain" target="ifrm1" id="submit">
<div class="form-group">
<label for="exampleInputEmail1">Email address</label>
<input id="email" type="email" class="form-control" placeholder="Email">
</div>
<div class="form-group">
<label for="exampleInputName1">Name</label>
<input id="name" type="text" class="form-control" placeholder="Name">
</div>
<div class="form-group">
<label for="exampleInputName1">Subject</label>
<input id="subject" type="text" class="form-control" placeholder="Subject">
</div>
<div class="form-group">
<label for="exampleFormControlTextarea1">Message</label>
<textarea class="form-control" id="message" rows="3"></textarea>
</div>
<button id="button" type="submit" class="btn btn-primary" onclick="popUp()">Submit</button>
</form>
<iframe id="ifrm1" name="ifrm1" style="display:none"></iframe>
</div>
<p id="motto">Explore your passion in technology within a tight-knit community</p>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" crossorigin="anonymous"></script>
<script src="./static/scripts/index.js"></script>
<footer>
<label class="footer">©VRMC 2023</label>
<a href="https://github.com/vrmc/vrmc.github.io" target="_blank" class="git" style="color: white">Link to Github</a>
<a href="https://www.instagram.com/vjrobotics/" target="_blank" class="fa fa-instagram insta" style="color: white"></a>
<a href="https://www.youtube.com/@VRMC" target="_blank" class="fa fa-youtube yt" style="color: white"></a>
</footer>
</body>
</html>