-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex3.html
154 lines (103 loc) · 4.07 KB
/
index3.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
<!DOCTYPE html>
<html>
<head>
<title>SocietyPortal</title>
<link rel="shortcut icon" href="logo.ico" />
<!--Import materialize.css-->
<link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection"/>
<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</head>
<style type="text/css">
.si{
margin-left: 80px;
}
</style>
<body>
<!--Import jQuery before materialize.js-->
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="js/materialize.min.js"></script>
<!-- nav bar -->
<nav>
<div class="nav-wrapper blue darken-4 ">
<img src="logo.png" class="circle responsive-img si" height="85" width="84"></a>
<a href="#" data-activates="mobile-demo" class="button-collapse"><i class="mdi-navigation-menu"></i></a>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li> <a class="waves-effect waves-teal ">HOME</a></li>
<li> <a class="waves-effect waves-teal ">CONTACT US</a></li>
<li> <a class="waves-effect waves-teal ">ABOUT US</a></li>
</ul>
<ul class="side-nav" id="mobile-demo">
<li><a href="#">HOME</a></li>
<li><a href="#">CONTACT</a></li>
<li><a href="#">ABOUT US</a></li>
</ul>
</div>
</nav>
<!-- slider -->
<div class="slider">
<ul class="slides">
<li>
<img src="http://lorempixel.com/580/250/nature/1"> <!-- random image -->
<div class="caption center-align">
<h3>Hey why are you here ?</h3>
<h5 class="light grey-text text-lighten-3">You are confuse </h5>
</div>
</li>
<li>
<img src="http://lorempixel.com/580/250/nature/2"> <!-- random image -->
<div class="caption left-align">
<h3>Is jss may be a better place for me</h3>
<h5 class="light grey-text text-lighten-3">What types of societies in JSS</h5>
</div>
</li>
<li>
<img src="http://lorempixel.com/580/250/nature/3"> <!-- random image -->
<div class="caption right-align">
<h3>How can I contribute in Society</h3>
<h5 class="light grey-text text-lighten-3">How can I choose my society</h5>
</div>
</li>
<li>
<img src="http://lorempixel.com/580/250/nature/4"> <!-- random image -->
<div class="caption center-align">
<h3>Don't worry just click on register button and</h3>
<h5 class="light grey-text text-lighten-3">CHECK YOUR SOCIETY !!!!</h5>
</div>
</li>
</ul>
</div>
<div class="parallax-container">
<div class="parallax"><img src="pic1.jpg"></div>
</div>
<div class="section white">
<div class="row container">
<h2 class="header">JSS</h2>
<p class="grey-text text-darken-3 lighten-3">JSS is a place where there are so many societies work in different different field.Everybody has a talent and every talent has a unique place where it can show its talent </p>
</div>
</div>
<div class="parallax-container">
<div class="parallax"><img src="pic2.jpg"></div>
</div>
<script type="text/javascript" src="http://www.deshraj.in/static/materialize/js/init.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.slider').slider({full_width: true});
$('.collapsible').collapsible({
accordion : true // A setting that changes the collapsible behavior to expandable instead of the default accordion style
});
$(document).ready(function(){
$('.materialboxed').materialbox();
});
$(document).ready(function(){
$('.parallax').parallax();
});
});
</script>
<footer>
<p>Posted by: Hege Refsnes</p>
<p>Contact information: <a href="mailto:[email protected]">
[email protected]</a>.</p>
</footer>
</body>
</html>