-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
125 lines (107 loc) · 5.35 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Zoom On Scroll | Parallax Effect | HTML, CSS & JQuery</title>
<link rel="stylesheet" href="main.css" />
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&display=swap">
</head>
<body>
<div class="heading-container">
<h1 class="big-heading">Becon-24</h1>
</div>
<div class="heading-container1">
<h1 class="big-heading1">Coming Soon...</h1>
</div>
<div class="foreground-img">
<h1>hi</h1>
<img src="front.png" alt="">
</div>
<div class="hero-back">
<img src="back.jpg" alt="">
</div>
<div class="content">
<p>The Entrepreneurship Development Cell at IIT Delhi serves as a dedicated hub fostering a culture of innovation and enterprise among the student community. Its mission is to empower aspiring student entrepreneurs, providing essential resources to transform visionary ideas into impactful ventures. From engaging competitions like Muskeeters and Mad for Ad to thought-provoking seminars and immersive workshops, it provides a vibrant space for students to explore, learn, and collaborate. This community thrives on entrepreneurial spirit, making it a space where ideas find wings. for eDC
BECon'24, the flagship Annual Business and Entrepreneurship Conclave at IIT Delhi, asserts its prominence with the 2024 edition on February 3rd and 4th. Anticipating a staggering footfall of 1 lakh+ attendees, BECon serves as India's foremost entrepreneurship conference, creating a dynamic platform for the exchange of ideas among business experts, entrepreneurs, and change-makers.</p>
<p>More than a conventional conference, BECon 2024 is a nexus of inspiration and collaboration, uniting students and aspiring change-makers in the pursuit of groundbreaking concepts and innovative solutions. The event's rich lineup of competitions seamlessly connects young talents with the corporate world, shaping an environment where ideas flourish and innovation takes center stage.
Beyond the entrepreneurial hustle, BECon is a celebration of creativity and joy. Amidst groundbreaking discussions and intense competitions, we also immerse ourselves in the rhythm of dance and other exhilarating activities. Join us at BECon, where innovation meets enjoyment, and every moment is a celebration of success, passion, and the sheer joy of connecting!
</p>
</div>
<div class="container mt-5">
<div class="row">
<div class="col-sm-12">
<div id="countdown" class="text-center mt-4"></div>
</div>
</div>
</div>
<script type="text/javascript">
$(window).scroll(function() {
var scrollPos = $(this).scrollTop();
$(".hero-back img").css({
'transform': 'scale(' + (1 + scrollPos / 100) + ')'
});
});
</script>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<script>
const countDownDate = new Date("December 30, 2023 23:59:59").getTime();
const countdownElement = document.getElementById("countdown");
const countdownFunction = setInterval(function() {
const now = new Date().getTime();
const distance = countDownDate - now;
const days = Math.floor(distance / (1000 * 60 * 60 * 24));
const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
const seconds = Math.floor((distance % (1000 * 60)) / 1000);
const colo = ":";
countdownElement.innerHTML = `
<div class="row">
<div class="col">
<div class="display-4">${days}</div>
<div>Days</div>
</div>
<div class="col">
<div class="display-4">${colo}</div>
<div></div>
</div>
<div class="col">
<div class="display-4">${hours}</div>
<div>Hours</div>
</div>
<div class="col">
<div class="display-4">${colo}</div>
<div></div>
</div>
<div class="col">
<div class="display-4">${minutes}</div>
<div>Minutes</div>
</div>
<div class="col">
<div class="display-4">${colo}</div>
<div></div>
</div>
<div class="col">
<div class="display-4">${seconds}</div>
<div>Seconds</div>
</div>
</div>
`;
if (distance < 0) {
clearInterval(countdownFunction);
countdownElement.innerHTML = "EXPIRED";
}
}, 1000);
</script>
<div class="container mt-3">
<div class="row justify-content-center">
<button class="button-26" role="button">Register Now</button>
</div>
</div>
</body>
</html>