Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
  • Loading branch information
Jovit-Mathew236 committed Oct 6, 2023
2 parents ed235a1 + a08b9c0 commit c4f24ea
Show file tree
Hide file tree
Showing 4 changed files with 80 additions and 30 deletions.
3 changes: 3 additions & 0 deletions .vscode/settings.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
{
"liveServer.settings.port": 5501
}
43 changes: 43 additions & 0 deletions css/events.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,43 @@
.section-with-overlay {
position: relative;
background-color: #000000;


}

.section-with-overlay::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.5); /* Adjust the background color and opacity as needed */
z-index: 2; /* Ensure this element is above the blurred section */
}

.coming-soon {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
z-index: 3;
text-align: center;
color: #000;
background:transparent; /* Adjust the background color and opacity as needed */
padding: 20px;
border-radius: 8px;
backdrop-filter: blur(10px); /* Adjust the blur amount as needed */
}



.coming-soon h1 {
color: #ee5007;
}

Binary file added images/akcomsocsclogo.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
64 changes: 34 additions & 30 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -28,6 +28,7 @@
<link rel="stylesheet" href="css/preloader.css">

<link rel="stylesheet" href="css/gallery.css">
<link rel="stylesheet" href="css/events.css">

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />

Expand Down Expand Up @@ -105,7 +106,7 @@

<h1 class="text-white mb-5">AKComSocSC '23</h1>

<a class="btn custom-btn smoothscroll" href="#section_2">Let's begin</a>
<a class="btn custom-btn smoothscroll" href="#section_2">Explore</a>
</div>

<div class="col-lg-12 col-12 mt-auto d-flex flex-column flex-lg-row text-center header-bottom-sec">
Expand Down Expand Up @@ -183,7 +184,7 @@ <h5 class="text-white">
</section>


<section class="about-section section-padding" id="section_2">
<section class="about-section section-padding" id="section_2">
<div class="container">
<div class="row">

Expand Down Expand Up @@ -221,16 +222,17 @@ <h6 class="text-white mt-4">Once in Lifetime Experience</h6>
</div>
</section>

<section class="artists-section section-padding section-with-overlay" style="filter: blur();" id="section_3">

<section class="artists-section section-padding" id="section_3">
<div class="container">
<div class="row justify-content-center">

<div class="col-12 text-center">
<h2 class="mb-4">Events</h1>
<div class="col-12 text-center " style="z-index: 4;
">
<h2 class="mb-4" style="color: white;">Events</h2>
</div>

<div class="col-lg-5 col-12">
<!----> <div class="col-lg-5 col-12">
<div class="artists-thumb">
<div class="artists-image-wrap">
<img src="images/artists/joecalih-UmTZqmMvQcw-unsplash.jpg" class="artists-image img-fluid">
Expand Down Expand Up @@ -324,6 +326,9 @@ <h2 class="mb-4">Events</h1>

</div>
</div>
<div class="coming-soon" style="backdrop-filter: blur(10px);">
<h1 class="TEXT mb-5">COMING SOON</h1>
</div>
</section>

<!--<section class="schedule-section section-padding" id="section_4">
Expand Down Expand Up @@ -872,29 +877,19 @@ <h2 class="text-white mb-lg-0">AKComSocSC '23
<div class="links col-lg-6 col-12 mb-4 pb-2">
<h5 class="site-footer-title mb-3">Links</h5>

<ul class="site-footer-links">
<li class="site-footer-link-item">
<a href="#" class="site-footer-link">Home</a>
</li>

<li class="site-footer-link-item">
<a href="#" class="site-footer-link">About</a>
</li>

<li class="site-footer-link-item">
<a href="#" class="site-footer-link">Event</a>
</li>

<li class="site-footer-link-item">
<a href="#" class="site-footer-link">Schedule</a>
</li>


<ul class="site-footer-links">
<li class="site-footer-link-item">
<a href="#" class="site-footer-link">Tickets</a>
<a href="https://comsoc.ieeekerala.org/" class="site-footer-link">IEEE ComSoc KERALA</a>
</li>

<li class="site-footer-link-item">
<a href="https://www.comsoc.org/" class="site-footer-link">IEEE ComSoc</a>
</li>

<li class="site-footer-link-item">
<a href="#" class="site-footer-link">Contact</a>
<a href="https://ieee.sjcetpalai.ac.in/" class="site-footer-link">IEEE SB SJCET</a>
</li>
</ul>
</div>
Expand All @@ -903,14 +898,25 @@ <h5 class="site-footer-title mb-3">Links</h5>
<h5 class="site-footer-title mb-3">Any Doubts?</h5>

<p class="text-white d-flex mb-1">
<a href="tel: 090-080-0760" class="site-footer-link">
090-080-0760
<a href="tel: 7012636077" class="site-footer-link">
7012636077
</a>
</p>

<p class="text-white d-flex">
<a href="" class="site-footer-link">
Anna Wilson
</a>
</p>
<p class="text-white d-flex mb-1">
<a href="tel: 9447146135" class="site-footer-link">
9447146135
</a>
</p>

<p class="text-white d-flex">
<a href="[email protected]" class="site-footer-link">
Jayasankar Shyam
<a href="" class="site-footer-link">
Akash Vijay
</a>
</p>
</div>
Expand All @@ -921,8 +927,6 @@ <h5 class="site-footer-title mb-3">Location</h5>
<p class="text-white d-flex mt-3 mb-2">
St Joseph College of Engineering and Technology,Palai</p>

<a class="link-fx-1 color-contrast-higher mt-3" href="https://comsoc.ieeekerala.org/">
<h5 class="site-footer-title mb-3">Website</h5>


</a>
Expand Down

0 comments on commit c4f24ea

Please sign in to comment.