-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
117 lines (117 loc) · 3.81 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
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Semblance</title>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
<link rel='stylesheet' type='text/css' href='css/semblance.css'>
</head>
<body>
<div id="intro">
<div id="introbg1"></div>
<div id="messenger">WELCOME</div>
<img id="logo" src="dramalogo.jpg">
<div id="quote1">Creating an wonderful drama is an art form, whereas comedy is just entertainment.<br><br>- Jason Reitman</div>
<div id="quote2">In the end, Everything's a gag. <br><br>- Charlie Chaplin</div>
<div id="scroll">
<i class="fas fa-angle-double-down"></i> SCROLL DOWN
</div>
</div>
<div id="gallery">
<div id="galleryhead">
gallery
</div>
<div id="arrowleft">
</div>
<div id="arrowright">
</div>
<div id="item1">
</div>
<div id="item2">
</div>
<div id="item3">
</div>
<div id="iteminfo">
</div>
<div id="gallerybottom">
</div>
</div>
<div id="events">
<div id="eventshead">
events
</div>
<div id="detail">
<div id="detailheading">Event #</div>
fermentum dui faucibus in ornare quam viverra orci sagittis eu volutpat odio facilisis mauris sit amet massa vitae tortor condimentum lacinia quis vel eros donec ac odio tempor orci dapibus ultrices in iaculis nunc sed augue lacus viverra vitae congue eu consequat ac felis donec et odio pellentesque diam volutpat
</div>
<div class="eventlist">
<div id="event1" class="event">
<img src="event.jpg" class="eventimg">
<p>nunc sed augue lacus viverra vitae congue eu consequat ac felis donec et odio pellentesque diam volutpat commodo sed egestas<p>
</div>
<div id="event2" class="event">
<img src="event.jpg" class="eventimg">
<p>nunc sed augue lacus viverra vitae congue eu consequat ac felis donec et odio pellentesque diam volutpat commodo sed egestas<p>
</div>
<div id="event3" class="event">
<img src="event.jpg" class="eventimg">
<p>nunc sed augue lacus viverra vitae congue eu consequat ac felis donec et odio pellentesque diam volutpat commodo sed egestas<p>
</div>
</div>
<div id="eventcard">
</div>
</div>
<div id="members">
<div id="membershead">
members
</div>
<div id="memberinfo">
</div>
<div id="memberinfotext">
</div>
<div id="membernames">
</div>
<div id="joinbox">
<input type="text" placeholder="E-mail">
<i class="fas fa-long-arrow-alt-right"></i>
</div>
</div>
<div id="contact">
<div id="contacthead">
contact
</div>
<iframe id="map" src="https://www.google.com/maps/embed/v1/place?q=iiit%20kalyani&key=AIzaSyDcrOBFw-eyS74b4Mb9YW5GfY118ZQGZJc" allowfullscreen>
</iframe>
<div id="contactinfo">
<div id="address">
<div class="contactgroupheading">
<i class="fas fa-map-marker-alt"></i>HEADING 1
</div>
sit amet nulla facilisi morbi tempus iaculis urna id volutpat lacus laoreet non curabitur gravida arcu ac tortor dignissim convallis
</div>
<div id="phone">
<div class="contactgroupheading">
<i class="fas fa-phone"></i>HEADING 1
</div>
XXXX-XXX-XXX
</div>
<div id="email">
<div class="contactgroupheading">
<i class="fas fa-at"></i> HEADING 1
</div>
example@example.com
</div>
<div id="socialbox">
<i class="fab fa-twitter"></i>
<i class="fab fa-google-plus-g"></i>
<i class="fab fa-facebook-square"></i>
<i class="fas fa-share-square"></i>
</div>
</div>
<div id="contactbottom">
</div>
</div>
<script src="https://unpkg.com/scrollreveal/dist/scrollreveal.min.js"></script>
</body>
</html>