-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathdrishti.html
101 lines (76 loc) · 3.63 KB
/
drishti.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
<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Drishti 18'</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/base.css" />
<link rel="stylesheet" type="text/css" href="css/normalize.css" />
<link rel="stylesheet" type="text/css" href="css/menu_sideslide.css" />
<script src="js/particles.min.js"></script>
<script src="js/jquery.js"></script>
<style>
.sp-image{
position: absolute;top: 80px!important;bottom: 0; opacity: .3; left: 0;right: 0;margin: auto;transform: scale(.6)
}
@media screen and (max-width: 480px){
.sp-image {
transform: scale(1);
}
}
</style>
<script>document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this demo in a modern browser that supports CSS Variables.");</script>
</head>
<body class="demo-5 loading">
<main>
<div class="fab-container" style="width:100%;height: 100%;position: absolute">
</div>
<div class="slideshow">
<div id="bg-image" style="background-color: #0a0000;position:absolute;height: 800px;width: 100%"></div>
<div class="slides">
<div class="slide slide--current">
<div class="slide__img"></div>
<h2 class="slide__title" style="font-size: 100px!important;text-transform: uppercase ;"> Drishti <b>18'</b></h2>
<p class="slide__desc">DRISHTI, the annual tech fest of CET, has always set the best example for technological brilliance meeting sheer craftsmanship. Following the success of DRISHTI’17, we, CETIANS, proudly present before you, DRISHTI’18, on the 19th, 20th and 21st of January. This time, we give it back to our mother of innovation, and invention. To the society that nurtures it all, balances it all and brings forth the best in all. Let us, engineers, introduce the change we wish for.</p>
<a class="slide__link" href="#"style="display: none"></a>
</div>
<div class="slide">
<div class="slide__img" ></div>
<h2 class="slide__title"></h2>
<div class="slide__desc"style="display: none"></div>
<img src="images/d13.png" class="img-fluid sp-image" >
<a class="slide__link" href="#"style="display: none"></a>
</div>
<div class="slide">
<div class="slide__img"></div>
<h2 class="slide__title"></h2>
<div class="slide__desc"style="display: none"></div>
<img src="images/d17.png" class="img-fluid sp-image" >
<a class="slide__link" href="#"style="display: none"></a>
</div>
</div>
<nav class="slidenav">
<button class="slidenav__item slidenav__item--prev">Previous</button>
<span>/</span>
<button class="slidenav__item slidenav__item--next">Next</button>
</nav>
</div>
</main>
<script>
particlesJS.load('bg-image', 'particlejs_black.json', function() {
console.log('callback - particles.js config loaded');
});
</script>
<script src="js/hammer.min.js"></script>
<script src="js/classie.js"></script>
<script src="js/event_main.js"></script>
<script src="js/demo.js"></script>
<script src="js/imagesloaded.pkgd.min.js"></script>
<script src="js/anime.min.js"></script>
<script src="js/demo5.js"></script>
<script>
$('.fab-container').load('fab.html')
</script>
</body>
</html>