-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
136 lines (133 loc) · 9.43 KB
/
index.html
File metadata and controls
136 lines (133 loc) · 9.43 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
<!DOCTYPE html>
<html lang="en">
<link>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="images/circle-cropped.ico">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous">
<link rel="stylesheet" href="https://unpkg.com/flickity@2/dist/flickity.min.css">
<link href='https://fonts.googleapis.com/css?family=Lato:100,300,400' rel='stylesheet' type='text/css'>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Antonio:wght@200&family=Roboto:wght@300&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Josefin+Sans:300,400">
<link rel="preconnect" href="https://fonts.gstatic.com">
<script src="https://kit.fontawesome.com/8ce5c1b548.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="styles/styles.css">
<title>HUMANOIDxVITCC</title>
</head>
<body class="bg">
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.1/dist/umd/popper.min.js" integrity="sha384-SR1sx49pcuLnqZUnnPwx6FCym0wLsk5JZuNx2bPPENzswTNFaQU1RDvt3wT4gWFG" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.min.js" integrity="sha384-j0CNLUeiqtyaRmlzUHCPZ+Gy5fQu0dQ6eZ/xAww941Ai1SxSY+0EQqNXNE6DZiVc" crossorigin="anonymous"></script>
<script src="https://unpkg.com/flickity@2/dist/flickity.pkgd.min.js"></script>
<script src="scripts/script.js"></script>
<div id="nav">
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container-fluid">
<a class="navbar-brand logo" href="#">
<img class="logo" src="images/circle-cropped.png" alt="" width="35" height="35" class="d-inline-block align-text-top">
</a>
<a class="navbar-brand" href="#">HUMANOIDxVITCC</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="navbarNav">
<ul class="navbar-nav ">
<li class="nav-item nav-right">
<a class="nav-link icon-links" id="icon-links" aria-current="page" href="#">Home</a>
</li>
<li class="nav-item nav-right">
<a class="nav-link icon-links" id="icon-links" href="#about">About</a>
</li>
<li class="nav-item nav-right">
<a class="nav-link icon-links" id="icon-links" href="#Gallery">Gallery</a>
</li>
<li class="nav-item nav-right">
<a class="nav-link icon-links" id="icon-links" href="#Projects">Projects</a>
</li>
<li class="nav-item nav-right">
<a class="nav-link icon-links" id="icon-links" href="#contact">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="header">
</div>
<div class="progress-container">
<div class="progress-bar" id="myBar"></div>
</div>
</div>
<div class="front">
<div class="imgbox">
<img src="images/robo_wo_head.jpg" class="center-fit" alt="humanoid">
<div class="intro" id="intro" >
<h4 class="intro-main-1">Hi! We are the</h4>
<h1 class="intro-main"><b><HUMANOID/> CLUB</b></h1>
<h2><b>of VIT Chennai</b></h2>
</div>
</div>
<section id="section10" class="demo">
<a href="#about"><span></span>Scroll</a>
</section>
</div>
<div id="about">
<h2 class="jumbotron about-us">ABOUT US</h2>
<center><hr></center>
<p style="padding-top: 30px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. At auctor urna nunc id cursus metus aliquam eleifend mi. Diam quis enim lobortis scelerisque. Amet nisl purus in mollis nunc sed. Morbi quis commodo odio aenean sed adipiscing diam donec adipiscing. Scelerisque mauris pellentesque pulvinar pellentesque habitant morbi. Penatibus et magnis dis parturient. Viverra tellus in hac habitasse. Cras tincidunt lobortis feugiat vivamus at augue eget arcu dictum. Lacus sed viverra tellus in hac habitasse platea dictumst. Odio ut enim blandit volutpat maecenas volutpat blandit aliquam. Eu tincidunt tortor aliquam nulla facilisi cras fermentum odio eu. Nec nam aliquam sem et tortor consequat id.
Venenatis cras sed felis eget. Hac habitasse platea dictumst vestibulum rhoncus est pellentesque elit ullamcorper. Augue interdum velit euismod in pellentesque massa placerat. Nec ultrices dui sapien eget. Maecenas accumsan lacus vel facilisis. Et odio pellentesque diam volutpat. Amet dictum sit amet justo donec enim diam vulputate ut. Nunc sed augue lacus viverra. Vitae congue mauris rhoncus aenean vel elit scelerisque. Habitant morbi tristique senectus et. Pharetra diam sit amet nisl suscipit adipiscing bibendum est. Tincidunt tortor aliquam nulla facilisi cras fermentum. Libero id faucibus nisl tincidunt eget. Cursus sit amet dictum sit amet. Sit amet nulla facilisi morbi tempus iaculis urna id volutpat. Turpis egestas integer eget aliquet nibh praesent tristique. Risus at ultrices mi tempus. Vulputate dignissim suspendisse in est ante in nibh. Sagittis nisl rhoncus mattis rhoncus urna. Faucibus purus in massa tempor nec feugiat nisl.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. At auctor urna nunc id cursus metus aliquam eleifend mi. Diam quis enim lobortis scelerisque. Amet nisl purus in mollis nunc sed. Morbi quis commodo odio aenean sed adipiscing diam donec adipiscing. Scelerisque mauris pellentesque pulvinar pellentesque habitant morbi. Penatibus et magnis dis parturient. Viverra tellus in hac habitasse. Cras tincidunt lobortis feugiat vivamus at augue eget arcu dictum. Lacus sed viverra tellus in hac habitasse platea dictumst. Odio ut enim blandit volutpat maecenas volutpat blandit aliquam. Eu tincidunt tortor aliquam nulla facilisi cras fermentum odio eu. Nec nam aliquam sem et tortor consequat id.
</p>
</div>
<div id="Projects">
<h2 class="jumbotron about-us">OUR PROJECTS</h2>
<center><hr></center>
<div class="carousel" data-flickity='{ "autoPlay": true, "wrapAround": true, "freeScroll": true, "bgLazyLoad": true }'>
<div class="carousel-cell">
<img class="div-img" src="images/robot_saying_hi.jpg" alt="">
</div>
<div class="carousel-cell">
<img class="div-img" src="images/Wall-e.jpg" alt="">
</div>
<div class="carousel-cell">
<iframe width="560" height="315" src="https://www.youtube.com/embed/5nEzCv5u1O8" class="yt-vid" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="carousel-cell">
<img class="div-img" src="images/humanoid-skulls.jpg" alt="">
</div>
<div class="carousel-cell">
<img class="div-img" src="images/asimo-unsplash.jpg" alt="">
</div>
</div>
</div>
<div id="Gallery">
<h2 class="jumbotron about-us">GALLERY</h2>
<center><hr></center>
<div class="header-grid ">
<div id="b1" class="block"></div>
<div id="b2" class="block"></div>
<div id="b3" class="block"></div>
<div id="b4" class="block"></div>
<div class="bottom-block">
<div id="b5" class="block"></div>
<div id="b6" class="block"></div>
<div id="b7" class="block"></div>
</div>
</div>
</div>
<div id="contact">
<h2 class="jumbotron about-us" id="contacts">CONTACT US</h2>
<center><hr></center>
<footer id="footer">
<a class="icon-links" target="_blank" href="https://www.instagram.com/humanoidx.vitcc/?hl=en"><i class="social-icon fab fa-instagram"></i></a>
<a class="icon-links" target="_blank" href="https://youtube.com/"><i class="social-icon fab fa-youtube"></i></a>
<a class="icon-links" target="_blank" href="https://github.com"><i class="social-icon fab fa-github"></i></a>
<a class="icon-links" target="_blank" href="#"><i class="social-icon fas fa-envelope"></i></a>
<a class="icon-links" target="_blank" href="https://twitter.com"><i class="social-icon fab fa-twitter"></i></a>
<p>© Copyright 2021 HUMANOIDxVITCC</p>
</footer>
</div>
</body>
</html>