Skip to content

Commit

Permalink
Merge pull request #5 from agastya3636/main
Browse files Browse the repository at this point in the history 
added form
  • Loading branch information
@Amitanand983
Amitanand983 authored Feb 29, 2024
2 parents 9014c53 + 9ba627c commit 3a4134b
Show file tree
Hide file tree
Showing 6 changed files with 266 additions and 36 deletions.
29 changes: 28 additions & 1 deletion contact.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -216,6 +216,33 @@ <h2>Conference Location</h2>
<!--==== End of Google Map ====-->
</div>
</section> <!-- end section -->
<section class="placestovisit">
<div class="container">
<!-- section title -->
<div class="title text-center">
<h2>Nearby Places To Visit</h2>
<div class="border"></div>
</div>
<!-- /section title -->
<div class="places">
<div class="banarasimg"><img src="https://www.alightindia.com/cdn/uploads/postimages/ORIGINAL/kashi%20viswanath%20psp--273565.jpg"></div>
<div class="placename">
<div><h2>BANARAS</h2></div>
<div id="info"><p>One of the oldest living inhabitations of the world, the sacred city of Varanasi or Benaras, nestled on the banks of the holy Ganges river, has been attracting pilgrims for centuries. Celebrated author Mark Twain, who visited India in the last decade of the 19th century, described the city as “older than history, older than tradition, older even than legend.”</p>
</div>
</div>
</div>
<div class="places">
<div class="placename">
<div><h2>AYODHYA</h2></div>
<div><p>Sprawled along the serene Saryu river, Ayodhya, in Uttar Pradesh, is one of the holiest cities of Hinduism and attracts thousands of pilgrims throughout the year. Revered as the birthplace of Lord Rama, as mentioned in the Hindu epic Ramayana, the city is dotted with temples, some of which are connected to the ghats (stepped banks of the river) of Saryu.</p>
</div>
</div>
<div class="ayodhyaimg"><img src="https://c.ndtvimg.com/2020-08/l7l9chag_ram-temple-proposed-design-august-2020_625x300_04_August_20.jpg"></div>

</div>
</div>
</section>
</div> <!-- end container -->
</section> <!-- end section -->

Expand Down Expand Up @@ -300,4 +327,4 @@ <h5>&copy; Copyright 2024. All rights reserved.</h5>

</body>

</html>
</html>
151 changes: 151 additions & 0 deletions css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3105,3 +3105,154 @@ form .button-area{
}
/*# sourceMappingURL=style.css.map */

.evfx{

position: absolute;
color: #fff;
margin-left: 0;
padding-right: 5px;
padding-left: 0;
padding-top: 16px;
font-size: 200px;
font-weight: bolder;
background-color:#ff2d55;



}
.slider{
overflow: hidden;
}
.scroll{
margin-left: 75px;
background-color: #636664;
position: relative;
display: flex;
justify-content: center;
width: 100%;
height: 60px;
overflow: hidden;
-webkit-mask-image: linear-gradient(90deg , transparent , #fff 20%, #fff 80% , transparent);


}

.scroll div{
margin-top: 15px;
white-space: nowrap;
animation: animate var(--t) linear infinite;
animation-delay: calc(var(--t) * -1);

}
.scroll div:nth-child(2){
animation: animate2 var(--t) linear infinite;
animation-delay: calc(var(--t) / -2);
}
.scroll div span{
margin: 20px;
background: #333;
color: white;
padding: 5px 10px;

transition: 0.5s;
letter-spacing: 0.2em;
text-transform: uppercase;



}
.scroll div span:hover{
background: #0b5688;
cursor: pointer;

}
.scroll p{
position: fixed;
display: flex;
text-align: center;
justify-content: flex-start;
z-index: 2;

}
@keyframes animate{
0%{
transform: translateX(100%);

}
100%{
transform: translateX(-100%);

}
}


@keyframes animate2{
0%{
transform: translateX(0);

}
100%{
transform: translateX(-200%);

}
.places {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
background-color: whitesmoke;
height: 20rem;
align-items: center;
border-radius: 10px;
margin-top: 4rem;
}


.banarasimg{
width: 45%;
height: 90%;
border-radius: 5px;
justify-content: flex-start;
}
.banaras h2{
text-align: center;
font-family: ui-sans-serif;
font-size: large;
}
.banarasimg img{
height: 100%;
width: 100%;
border-radius: 5px;
box-shadow:1px 1px 10px 2px lightgrey;
transition: transform 0.5s ease;
}
.banarasimg:hover img{
transform:scale(1.1);
}
.placename{
height: 95%;
width: 45%;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.ayodhyaimg{
width: 45%;
height: 90%;
border-radius: 5px;
justify-content: flex-end;
}
.ayodhyaimg img{
height: 100%;
width: 100%;
border-radius: 5px;
box-shadow:1px 1px 10px 2px lightgrey;
transition: transform 0.5s ease;
}
.ayodhyaimg:hover img{
transform:scale(1.1);
}
.ayodhyacontent{
display: flex;
justify-content: flex-end;
}
63 changes: 54 additions & 9 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -140,7 +140,10 @@
<div class="col-md-12 text-center">
<h1 data-duration-in=".3" data-animation-in="fadeInUp" data-delay-in=".1">20<sup>th</sup> Annual
Sessions of Students Chemical Engineering congress <br>
(SCHEMCON-2024)</h1>
(SCHEMCON-2024)<br>
On<br>
“New Paradigms of Chemical Engineering”<br>
(September 20th – 21st, 2024)</h1>
<!-- <h3 data-duration-in=".3" data-animation-in="fadeInUp" data-delay-in=".1">on</h3>
<h2 data-duration-in=".3" data-animation-in="fadeInUp" data-delay-in=".1">“New Paradigms of
Chemical Engineering”<br>(September 20<sup>th</sup> – 21<sup>st</sup>, 2024)</h2> -->
Expand All @@ -158,9 +161,12 @@ <h2 data-duration-in=".3" data-animation-in="fadeInUp" data-delay-in=".1">“New
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<h1 data-duration-in=".3" data-animation-in="fadeInDown" data-delay-in=".1">20<sup>th</sup>
Annual Sessions of Students Chemical Engineering congress
(SCHEMCON-2024)</h1>
<h1 data-duration-in=".3" data-animation-in="fadeInDown" data-delay-in=".1" style="color:white">
Organized by <br>
IIChE-RGIPT Student Chapter<br>Department of Chemical and Biochemical Engineering,<br>
Rajiv Gandhi Institute of Petroleum Technology,<br>
in association with <br>Indian Institute of Chemical Engineers Amethi Regional Centre
</h1>
<p data-duration-in=".3" data-animation-in="fadeInDown" data-delay-in=".5">
<br>
</p>
Expand All @@ -171,6 +177,45 @@ <h1 data-duration-in=".3" data-animation-in="fadeInDown" data-delay-in=".1">20<s
</div>
</div>
</div> <!-- End section -->
<div class="slider">
<div class="evfx">
<p>EVENTS:</p>
</div>
<div class="scroll " style="--t:55s">

<div>
<span>Renewable Energy Technology</span>
<span>Hydrogen Energy Technical</span>
<span>Bioenergy and Biofuels</span>
<span>Waste to Energy</span>
<span>Energy Storage System</span>
<span>Advances in Material Science and Engineering</span>
<span>Process Modelling,simulation and Optimization</span>
<span>Electrochemical Systems and Process</span>
<span>Application of IOT, Data Analytics and AI/ML in Chemical Engineering Sector</span>
<span>Polymers and Petrochemicals</span>
<span>Separation and Purification Technologies</span>
<span>Chemical Engineering in Healthcare</span>
<span>Advancements in Conventional Fuels and Chemicals</span>
</div>
<div>
<span>Renewable Energy Technology</span>
<span>Hydrogen Energy Technical</span>
<span>Bioenergy and Biofuels</span>
<span>Waste to Energy</span>
<span>Energy Storage System</span>
<span>Advances in Material Science and Engineering</span>
<span>Process Modelling,simulation and Optimization</span>
<span>Electrochemical Systems and Process</span>
<span>Application of IOT, Data Analytics and AI/ML in Chemical Engineering Sector</span>
<span>Polymers and Petrochemicals</span>
<span>Separation and Purification Technologies</span>
<span>Chemical Engineering in Healthcare</span>
<span>Advancements in Conventional Fuels and Chemicals</span>
</div>
</div>

</div>

<!--Start About Section
==================================== -->
Expand All @@ -182,8 +227,8 @@ <h2>About the conference</h2>
<div class="border"></div>
</div>
<!-- /section title -->
<div class="row justify-content-center text-center reveal">
<div class="col-md-6 col-sm-12">
<div class="row justify-content-center text-center reveal abcards">
<div class="col-md-6 col-sm-12 abcard">
<div class="service-item">
<i class="fas fa-info"></i> <!-- CARD ICON -->
<h4>About SCHEMCON </h4>
Expand All @@ -201,7 +246,7 @@ <h4>About SCHEMCON </h4>
researchers, educators, and talented students across diverse disciplines</p>
</div>
</div><!-- END COL -->
<div class="col-md-6 col-sm-12">
<div class="col-md-6 col-sm-12 abcard">
<div class="service-item">
<i class="fas fa-bullseye"></i> <!-- CARD ICON -->
<h4>About Organising Institute</h4>
Expand All @@ -216,7 +261,7 @@ <h4>About Organising Institute</h4>
centers offering 13 UG and 6 PG programs and doctoral programs in STEM.</p>
</div>
</div><!-- END COL -->
<div class="col-md-6 col-sm-12">
<div class="col-md-6 col-sm-12 abcard">
<div class="service-item">
<i class="fas fa-file-upload"></i> <!-- CARD ICON -->
<h4>About IIChE </h4>
Expand Down Expand Up @@ -548,4 +593,4 @@ <h5>&copy; Copyright 2024. All rights reserved.</h5>

</body>

</html>
</html>
5 changes: 4 additions & 1 deletion registration.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -161,7 +161,10 @@ <h2>Conference Registration</h2>

<div class="border"></div>
</div>
<h2 style="text-align: center;">Will be announced soon...</h2>
<div class="center">
<h3 > <a href="https://docs.google.com/forms/d/e/1FAIpQLSctZ7dXR48bYehQTgthETWrcMhi3fMoYhhlGVBlsjIHW0n5vw/viewform">Fill the Google Form</a></h3>

</div>
</div>


Expand Down
18 changes: 11 additions & 7 deletions sponser-form.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -145,18 +145,18 @@ <h2>Become A Sponser</h2>
</div>
</section>

<section class="services">
<!-- <section class="services">
<div class="container">
<div class="title text-center">
<h2>Sponser Packages</h2>
<div class="border"></div>
</div>
<!--
<div class="packages">
<img class="sponserPackages" src="images/ConferencePackages.png" alt="ConferencePackages">
</div>
-->
<div class="main">
<table class="price-table reveal">
Expand Down Expand Up @@ -256,15 +256,19 @@ <h2>Sponser Packages</h2>
</table>
</div>
</div>
</section>
</section> -->

<section class="services">
<div class="container">
<div class="container center">
<div class="title text-center">
<h2>Become A Sponser</h2>
<div class="border"></div>
</div>
<div class="wrapper">
<div class="center">
<button > <a href="https://docs.google.com/forms/d/e/1FAIpQLSctZ7dXR48bYehQTgthETWrcMhi3fMoYhhlGVBlsjIHW0n5vw/viewform">Fill the Form</a></button>

</div>
<!-- <div class="wrapper">
<form action="#">
<div class="dbl-field">
<div class="field">
Expand Down Expand Up @@ -304,7 +308,7 @@ <h2>Become A Sponser</h2>
<span></span>
</div>
</form>
</div>
</div> -->
</div>
</section>

Expand Down
Loading

0 comments on commit 3a4134b

Please sign in to comment.