-
Notifications
You must be signed in to change notification settings - Fork 0
/
project.html
125 lines (118 loc) · 7.25 KB
/
project.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
<div class="project" style="transform: matrix(1, 0, 0, 1, 0, 0); display:one">
<div style="visibility: inherit; opacity: 1;">
<div class="smoothie sticky" data-scrollbar="" tabindex="1" style="overflow: hidden; outline: none;">
<article class="scroll-contents">
<div class="content" style="overflow:auto">
<div class="avatar-container">
<div data-image="" class="image-avatar" style="background-image: url(./assets/image/p.jpg)"><img src="./assets/image/p.jpg" alt="Project"></div>
</div>
<div class="intro">
<div class="intro-content">
<div class="header">
<h class="workshop-name">Project Presentation</h1>
<div>
</div>
</div>
<div class="middle">
<h2 style="text-transform: none">Prize Worth 7K</h2>
</div>
<div class="bottom"><br/>
<a href="https://docs.google.com/forms/d/e/1FAIpQLSeYp4YEN472OufH12EFIHpmyZHRyNnNggu6N1IATpsgownrog/viewform?usp=pp_url&entry.1066850529&entry.2117492509&entry.1692675515&entry.175478674&entry.1547063567&entry.1261733821&entry.1633872478&entry.1924596749&entry.344988095&entry.74745242&entry.1353822192&entry.1929692872&entry.440608665
" target="_blank" style="font-size:17px">Register Now</a>
<br><br>
<h4 class="name" style="font-size:18px;text-transform: unset">Aswin Raj</h4> <span>+91 75608 86464</span><br/>
<span>+91 94964 91914</span>
</div>
<div class="last"><span>scroll down</span></div>
</div>
</div>
<div class="preloaded-content">
<p class="intro-text" id="intro_text"> Imagination is more important than knowledge. Share your best idea and be so good they cant ignore you. Come and Become the part of the 5th Inter College Presentation hosted by Computer Science and Engineering department of SNGIST.
</p>
<article class="info">
<ul>
<li id="first">
<h4>Date</h4>
<p>08-09<br>March</p>
</li>
<li>
<h4>Presentation</h4>
<p>20<br>Minutes</p>
</li>
<li>
<h4>Viva</h4>
<p>5<br>Minutes</p>
</li>
<li>
<h4>Language</h4>
<p>English<br>Only</p>
</li>
<li>
<h4>Reg Fee</h4>
<p>100/-<br>Rs.</p>
</li>
<li id="sec">
<h4>Room</h4>
<p>Lotus Hall<br></p>
</li>
</ul>
</article>
<div class="paragraphs">
<article class="paragraph">
<h4 class="is-visible">Rules</h4>
<div class="list is-visible">
<div class="col-md-12">
<ul class="flat-list" style="font-size:16px;">
<li><i class="fa fa-check">All participents should be <b>Students<b></i></li>
<li><i class="fa fa-check">Maximum two Students are allowed per team</i></li>
<li><i class="fa fa-check">Student from B.Tech CSE and IT, BCA, MCA, B.Sc(CS), M.Sc(CS) can apply for the event.</i></li>
<li><i class="fa fa-check">The registration fee per team is Rs.100 and will not refunded at any cause.</i></li>
<li><i class="fa fa-check">The team should bring their college ID card and the letter from head of the department.</i></li>
<li><i class="fa fa-check">The team should demonstrate the project and should submit their report in hard copy</i></li>
<li><i class="fa fa-check">The time for presentation will be 20 minutes and 5 minutes for viva-voice.</i></li>
<li><i class="fa fa-check">The decision of judging Panel will be final.</i></li>
<div style="height: 80px;">
</div>
</ul>
</div>
</div>
</article>
</div>
<div class="last">
</div>
</div>
</div>
<div class="resize-sensor" style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; z-index: -1; visibility: hidden;">
<div class="resize-sensor-expand" style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: -1; visibility: hidden;">
<div style="position: absolute; left: 0px; top: 0px; transition: 0s; width: 100000px; height: 100000px;"></div>
</div>
<div class="resize-sensor-shrink" style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: -1; visibility: hidden;">
<div style="position: absolute; left: 0; top: 0; transition: 0s; width: 200%; height: 200%"></div>
</div>
</div>
</article>
</div>
</div>
</div>
<script src="./assets/js/smooth-scrollbar.js"></script>
<script>
var Scrollbar = window.Scrollbar;
var scrollbars = Scrollbar.init(document.querySelector('.content'));
var li_sec = document.getElementById("sec");
var li_fst = document.getElementById("first");
var intro_text = document.getElementById('intro_text');
var delay = 0;
scrollbars.addListener(function(status) {
if (scrollbars.isVisible(li_sec)) {
$('.info > ul > li').each(function() {
var $li = $(this);
setTimeout(function() {
$li.addClass('is-visible');
}, delay += 100); // delay 100 ms
});
}
if (scrollbars.isVisible(intro_text)) {
$(".intro-text").addClass("is-visible");
}
});
</script>