-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
163 lines (149 loc) · 7.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
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
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
Science Club of Dania CollegeScience Club of Dania College<!doctype html>
<html lang="en" class="noscroll">
<head>
<!-- Font aowsum -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.0/css/all.css"
integrity="sha384- Mmxa0mLqhmOeaE8vgOSbKacftZcsNYDjQzuCOm6D02luYSzBG8vpaOykv9lFQ51Y" crossorigin="anonymous">
<!-- Required meta tags -->
<meta name="google-site-verification" content="OkqwxN1dUa2GWLaiZYZN0MKeIFN_imMxHfH0yJqDa1c" />
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css"
integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
<!-- AOS CSS -->
<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
<!-- AOS js -->
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
<!-- Own CSS -->
<link rel="stylesheet" href="/css/main.css">
<script src="/js/loader.js"></script>
<!-- ICON -->
<link rel="shortcut icon" href="img/icon.png" type="image/x-icon">
<title id="title">Dania University College Science Clubb</title>
<link rel="manifest" href="/manifest.json">
</head>
<body>
<!-- Preloader -->
<div class="loader">
<img src="img/preloader.svg" alt="Loading...">
</div>
<!-- Notice -->
<div id="notice">
</div>
<!-- start of navbar -->
<div id="navbar" class="sticky-top home">
<div class="alert alert-warning" role="alert" style="z-index:1;">
Your browser does not support latest version of JavaScript! Please update.
</div>
</div>
<!-- end of navbar -->
<!-- Headerbox -->
<img class="dania" src="img/dania.jpg">
<div class="headcolor"></div>
<div data-aos="fade-down" id="headerbox">
<br><br>
<div class="container-fluid text-center">
<div class="row align-items-center">
<img data-aos="fade-down" id="logo" src="img/logo.svg" class="col-md-5 aos-init aos-animate"
alt="Logo of Dania University College Science Club">
<div data-aos="fade-left" class="text-center col-md-5">
<nobr>
<h1><b><u>Dania University College Science Club</u></b></h1>
<p>Science Club of Dania University College</p>
</nobr>
</div>
</div>
</div>
</div>
<!-- Headerbox -->
<marquee id="marquee" behavior="scroll" direction="left">
This is the official website of Dania University College Science Club.
If you are a student of Dania University College then you can help us to design this website.
We will be adding various educational content to this website.
We may present this website in some science fair.</marquee>
<!-- page contents -->
<div class="numanimdiv"><h3>Total Members</h3>
<div id ="numberanim"></div>
</div>
<div class="container-fluid text-center">
<h1 class="wlcmText h1">Welcome to Dania University College Science Club's Website.</h1>
<blockquote class="blockquote">
<p class="mb-0">This website is under developement. Stay tuned to see more contents. If you are a student of
<em>Dania University College</em> you can help us in the developement of this website. Thank you.</p>
</blockquote>
</div>
<hr>
<div class="container" id="aboutnav">
<div class="card-deck">
<div class="card">
<img class="card-img-top" src="img/icon/subjects.svg" alt="subject icon">
<div class="card-body text-center">
<h3 class="card-title">Subjects</h3>
<p class="card-text">You will find subjective content in this page..</p>
</div>
</div>
<div class="card">
<img class="card-img-top" src="img/icon/gallery.svg" alt="gallery icon">
<div class="card-body text-center">
<h3 class="card-title">Gallery</h3>
<p class="card-text">This is the gallery page where you will find all the images belongs to DUC and DSC. If you are an approved member then you can also add images in the gallery.</p>
</div>
</div>
</div><br>
<div class="card-deck">
<div class="card">
<img class="card-img-top" src="img/icon/events.svg" alt="event icon">
<div class="card-body text-center">
<h3 class="card-title">Events</h3>
<p class="card-text">We will list all our upcoming event's information as well as past event's information in this page.</p>
</div>
</div>
<div class="card">
<img class="card-img-top" src="img/icon/about.svg" alt="about us icon">
<div class="card-body text-center">
<h3 class="card-title">About Us</h3>
<p class="card-text">Dania University College Science Club is a concern of Dania University College. A group of
students from S4 section of HSC-20 is trying to build up Dania University College Science Club.</p>
</div>
</div>
</div><br>
<div class="card-deck">
<div class="card">
<img class="card-img-top" src="img/icon/member.svg" alt="member icon">
<div class="card-body text-center">
<h3 class="card-title">Member List</h3>
<p class="card-text">You will find all the members listed in this page who registered through this website. You can view members in two way as card where you will find more information about a member and as table.</p>
</div>
</div>
<div class="card">
<img class="card-img-top" src="img/icon/login.svg" alt="login register icon">
<div class="card-body text-center">
<h3 class="card-title">Member Area</h3>
<p class="card-text">This page is only for members and admins of DSC. Whoever is a member of DSC can access this page after login and they can update their profile and many more, whoever is an admin will get some extra administrative option where they can approve member, also can send email to members and many more.</p>
</div>
</div>
</div><br>
</div>
<div id="footer">
</div>
<!-- page contents -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js"
integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js"
integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k"
crossorigin="anonymous"></script>
<!-- Main JavaScript -->
<script src="js/main.js"></script>
<!-- <script src="dev/footer.js"></script> -->
<!-- AOS js -->
<script>
AOS.init({
duration: 1200,
});
</script>
</body>
</html>