-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
149 lines (146 loc) · 12.5 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Step UP 4K</title>
<meta name="description" content="Step UP 4K hosted by rnsit">
<meta name="twitter:title" content="Step UP 4K">
<meta name="twitter:image" content="assets/img/Step%20Up%204K%20LogocROP.png?h=bb41142bf71d37408c46f89c77169617">
<meta property="og:image" content="assets/img/Step%20Up%204K%20LogocROP.png?h=bb41142bf71d37408c46f89c77169617">
<meta name="twitter:card" content="summary">
<meta property="og:type" content="website">
<link rel="icon" type="image/png" sizes="930x930" href="assets/img/Step%20Up%204K%20LogocROP.png?h=bb41142bf71d37408c46f89c77169617">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css?h=226180007274efaebc033a9806d2bdde">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Catamaran:100,200,300,400,500,600,700,800,900">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Dancing+Script&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Noto+Sans+Indic+Siyaq+Numbers&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Noto+Sans+Inscriptional+Pahlavi&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="assets/css/Black-Navbar.css?h=05b566cae4ad11bd3e94793d9e2385bd">
<link rel="stylesheet" href="assets/css/Bold-BS4-Animated-Back-To-Top.css?h=71c390a8c1d1a4f985c2413ae3e254e7">
<link rel="stylesheet" href="assets/css/Clean-Button-Scale-Hover-Effect.css?h=28ea62ee23555a51231c3194f765ae2a">
<link rel="stylesheet" href="assets/css/Dark-footer-with-social-media-icons.css?h=b01c8c15f4792b9664f02b51457203e3">
<link rel="stylesheet" href="assets/css/DG---BS5-Countdown.css?h=ed204f0c023c9d726cfb7c472a7acd34">
</head>
<body>
<!-- Start: Black Navbar -->
<nav class="navbar navbar-light navbar-expand-md navbar-fixed-top navigation-clean-button sticky-top" style="background: rgb(34, 34, 34);border-radius: 20;border-top-left-radius: 20;border-top-right-radius: 20;border-bottom-right-radius: 20;border-bottom-left-radius: 20;border-style: none;padding-top: 10px;padding-bottom: 10px;">
<div class="container"><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-1"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div><a class="navbar-brand" href="#"><span style="font-size: 36px;font-family: Roboto, sans-serif;font-weight: bold;">STEPUP 4K</span> </a></div>
<div class="collapse navbar-collapse" id="navcol-1" style="color: rgb(255,255,255);">
<ul class="navbar-nav nav-right"></ul><!-- Start: Actions -->
<p class="ms-auto navbar-text actions"> </p><!-- End: Actions --><a class="btn btn-light action-button" role="button" href="#qrlink" style="color: rgba(0,0,0,0.9);background: var(--bs-primary);border-radius: 15px;border-style: solid;border-color: rgba(0,0,0,0.9);font-size: 16px;padding: 5px 8px;color: #ffffff;font-weight: bold;padding-right: 14px;padding-left: 14px;padding-bottom: 10px;padding-top: 10px;">Register Now</a>
</div>
</div>
</nav><!-- End: Black Navbar -->
<header class="text-center text-white masthead">
<div class="masthead-content">
<div class="container">
<h1 class="masthead-heading mb-0">STEUP 4K</h1>
<h2 class="masthead-subheading mb-0">Run for a cause !!!</h2><a class="btn btn-primary btn-xl rounded-pill mt-4" role="button" href="#main" style="font-size: 20.4px;padding-top: 23px;padding-right: 36px;padding-left: 36px;background: #ff50a5;">REGISTER NOW</a>
</div>
</div>
<div class="bg-circle-1 bg-circle"></div>
<div class="bg-circle-2 bg-circle"></div>
<div class="bg-circle-3 bg-circle"></div>
<div class="bg-circle-4 bg-circle"></div>
</header>
<section>
<div class="container" id="main">
<div class="row align-items-center">
<div class="col-lg-6 order-lg-2" style="margin-top: 75px;">
<div class="p-4"><img class="rounded-circle img-fluid" src="assets/img/Step%20Up%204K%20LogocROP.png?h=bb41142bf71d37408c46f89c77169617"></div>
</div>
<div class="col-lg-6 order-lg-1" style="margin-top: 75px;height: 456px;">
<div class="p-5" style="margin-bottom: 100;">
<h2 class="display-4" style="color: #ff387e;">STEP UP 4K</h2>
<p style="font-weight: bold;text-align: justify;">Join our Pinkathon team on the 6th of march is which is held by RNSIT (ise dept) for a wonderful cause, to meet the critical financial needs of the underserved living with breast cancer. Be it a walkathon or a Pinkathon that takes your fancy, we have a running challenge for you! <br>1 in 8 women you know – and some men – will battle Breast Cancer in their lifetime. YOU can help us find a cure for breast cancer – One Km and One Rupee at a Time! <br>Make sure you seize this opportunity, learn as much as possible, spread awareness and don’t forget to have fun in the process :)<br></p>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container" id="qrlink" style="padding-top: 150px;">
<div class="row align-items-center">
<div class="col-lg-6 order-lg-1">
<div class="p-4"><a href="https://rnsit.ac.in"><img class="img-fluid" src="assets/img/rnist%20qr.png?h=aca398a45466b1cb024eabec20f59e56" style="width: 400px;"></a></div>
</div>
<div class="col-lg-6 order-lg-2">
<div class="p-2">
<h2 class="display-4">Scan the QR</h2>
<p style="text-align: justify;font-weight: bold;">Brief about basic process :<br>The PINKATHON will begin at 7 am and the walkathon at 9 am, both on the very same day inside our campus. Registration fee for each event is ₹450. Our event is open to everyone: women, men, children, families and friends. The prizes for the winners are as follows:<br>1st - ₹5000<br>2nd - ₹3000<br>3rd - ₹2000<br>Scan the QR Code to register for the event, or Click the link below</p><a href="https://rnsit.ac.in"><button class="btn btn-primary" type="button" style="border-radius: 48px;font-size: 25px;background: var(--bs-primary);font-family: 'Noto Sans Inscriptional Pahlavi', sans-serif;font-weight: bold;width: 187.75px;border-width: 0px;">Register Now</button></a>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container" id="pinkathon" style="padding-top: 100px;">
<div class="row align-items-center">
<div class="col-lg-6 order-lg-2">
<div class="p-2"><img src="assets/img/2.png?h=2f75e823481ca494855c060e58d47fea" style="width: 350px;"></div>
</div>
<div class="col-lg-6 order-lg-1">
<div class="p-5">
<h2 class="display-4">PINKATHON</h2>
<p style="font-weight: bold;text-align: justify;">Pinkathon is a running marathon where hundreds of women come together to learn and spread awareness regarding breast cancer ,it is being held at 7 am so make sure you don’t have a very heavy breakfast before participating! :P<br>The distance to be covered in the marathon is 4km within RNSIT campus.<br>Although running a marathon can be a scary and painful endeavor, training for and running a race can offer a number of benefits for the body, mind, and soul.<br></p>
</div>
</div>
</div>
</div>
</section>
<div class="container" id="walkathon" style="padding-top: 100px;padding-bottom: 100px;">
<div class="row align-items-center">
<div class="col-lg-6 order-lg-1">
<div class="p-2"><a href="https://rnsit.ac.in"></a><img src="assets/img/3.png?h=1b110cbc41d276f7c8434a3bf83ceaae" style="width: 350px;"></div>
</div>
<div class="col-lg-6 order-lg-2">
<div class="p-5">
<h2 class="display-4">WALATHON</h2><a href="https://rnsit.ac.in"></a>
<p style="font-weight: bold;text-align: justify;">The costs associated with radiation, chemotherapy, and/or reconstructive surgery can be exorbitant, and so this walkathon is a step towards prevention of breast cancer. Exercise, agrees doctors, is must to keep cancer at bay, along with a healthy diet. Therefore we have organized this walkathon which is an opportunity knocking at your door to educate yourself and those around you too.<br></p>
</div>
</div>
</div>
</div><!-- Start: hidden countdown -->
<section>
<!-- Start: DG - BS5 Countdown -->
<div class="container">
<div class="row justify-content-center align-items-center">
<div class="col-12 col-md-12 col-xl-12 offset-xl-0">
<div id="countdown">
<ul class="list-unstyled d-flex flex-row" style="max-width: 800px;padding-bottom: 100px;">
<li style="font-size: 69px;"><span id="days">00</span><span class="d-flex justify-content-center fs-5 fs-lg-1">Days</span></li>
<li style="font-size: 69px;"><span id="hours">00</span><span class="d-flex justify-content-center fs-5 fs-lg-1">Hours</span></li>
<li style="font-size: 69px;"><span id="minutes">00</span><span class="d-flex justify-content-center fs-5 fs-lg-1">Minutes</span></li>
<li style="font-size: 69px;"><span id="seconds">00</span><span class="d-flex justify-content-center fs-5 fs-lg-1">Seconds</span></li>
</ul>
</div>
</div>
</div>
</div><!-- End: DG - BS5 Countdown -->
</section><!-- End: hidden countdown -->
<!-- Start: Bold BS4 Animated Back To Top --><a class="cd-top js-cd-top cd-top--fade-out cd-top--show" style="border-radius: 10px;background: url("assets/img/cd-top-arrow.svg?h=34311a75811753da41f3924762aa106e") center 50% no-repeat, rgba(238,9,121,0.75);" href="#0">Top</a><!-- End: Bold BS4 Animated Back To Top -->
<!-- Start: Dark footer with social media icons -->
<footer id="footerpad">
<div class="container">
<div class="row">
<div class="col-md-6 col-lg-8 mx-auto">
<ul class="list-inline text-center">
<li class="list-inline-item"><a href="https://www.facebook.com/RNSIT"><span class="fa-stack fa-lg"><i class="fa fa-circle fa-stack-2x"></i><i class="fa fa-facebook fa-stack-1x fa-inverse"></i></span></a></li>
<li class="list-inline-item"><a href="https://www.instagram.com/rnsit_bangalore_official/?hl=en"><span class="fa-stack fa-lg"><i class="fa fa-circle fa-stack-2x"></i><i class="fa fa-instagram fa-stack-1x fa-inverse"></i></span></a></li>
<li class="list-inline-item"><a href="https://www.linkedin.com/company/r-n-s-institute-of-technology/about/"><span class="fa-stack fa-lg"><i class="fa fa-circle fa-stack-2x"></i><i class="fa fa-linkedin fa-stack-1x fa-inverse"></i></span></a></li>
</ul><!-- Start: paragraph --><p class="copyright text-muted text-center">Copyright © RNSIT 2022
<br>Designed with <i class="fa fa-heart" aria-hidden="true"></i> by Nidish G, Phanish S N, Chinmay Hegde</p><!-- End: paragraph -->
</div>
</div>
</div>
</footer><!-- End: Dark footer with social media icons -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/Bold-BS4-Animated-Back-To-Top.js?h=25fe335c21086050d7d683aa1d563dd6"></script>
<script src="assets/js/DG---BS5-Countdown.js?h=7aca5e9707447da49cc1d07ce02b3861"></script>
</body>
</html>