Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Revert "Mobile carousel transition" #112

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Revert "Mobile carousel transition" #112

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
17 changes: 0 additions & 17 deletions assets/css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -596,9 +596,6 @@ section {
margin-bottom: 160px;
}

.hero-buttons a:first-child{
margin-bottom: 10px !important;
}

.hero h2 {
font-size: 17px;
Expand All @@ -608,15 +605,6 @@ section {
.hero .hero-img img {
width: 100%;
}

.hero-buttons{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
/* display: flex; */
}

}

/*--------------------------------------------------------------
Expand Down Expand Up @@ -2536,7 +2524,6 @@ section {
color: #dc393b;
}

/* Mobile Carousel */

.pricing .box:hover{
transform: none !important;
Expand Down Expand Up @@ -2570,8 +2557,4 @@ section {
}
.carousel-inner .box{
box-shadow: 0px 0 30px rgb(1 41 112 / 8%);
}

.carousel-item{
transition: transform 0.5s ease;
}
69 changes: 62 additions & 7 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -65,7 +65,7 @@
<h1 data-aos="fade-up">We are back with<br>Hack4Bengal 2.0</h1>
<h2 data-aos="fade-up" data-aos-delay="400">Bringing together the best of the<br>field and provide a platform<br>showcase of skills</h2>
<div data-aos="fade-up" data-aos-delay="600">
<div class="text-center text-lg-start hero-buttons">
<div class="text-center text-lg-start">
<a href="https://discord.io/Hack4Bengal" target="_blank" class="btn-get-started scrollto d-inline-flex align-items-center justify-content-center align-self-center" style="margin-bottom: -50px;">
<span>Join Discord</span>
<i class="bi bi-discord"></i>
Expand Down Expand Up @@ -151,7 +151,7 @@ <h3>Exciting Rewards</h3>
<div class="box">
<img src="assets/img/values-3.png" class="img-fluid" alt="">
<h3>Most Awaited</h3>
<p>After Season 1, Season 2 is here. What started as a team of 3, is now a community of 1500+ Hackers and still counting.</p>
<p>Season 2 is here. What started as a team of 3, is now a community of 1500+ Hackers and still counting.</p>
</div>
</div>

Expand Down Expand Up @@ -181,7 +181,7 @@ <h3>Digitally Together</h3>
<div class="box">
<img src="assets/img/values-2.png" class="img-fluid" alt="">
<h3>Exciting Rewards</h3>
<p>Whatever be the contribution, there will be swags for everyone! Yes you read that right</p>
<p>Whatever might be the contribution, there will be swags for everyone! Yes you read that right</p>
</div>
</div>

Expand Down Expand Up @@ -469,12 +469,16 @@ <h4>Open Innovation</h4>

<!-- ======= Services Section =======
<section id="services" class="services">

<div class="container" data-aos="fade-up">

<header class="section-header">
<h2>Services</h2>
<p>Veritatis et dolores facere numquam et praesentium</p>
</header>

<div class="row gy-4">

<div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="200">
<div class="service-box blue">
<i class="ri-discuss-line icon"></i>
Expand All @@ -483,6 +487,7 @@ <h3>Nesciunt Mete</h3>
<a href="#" class="read-more"><span>Read More</span> <i class="bi bi-arrow-right"></i></a>
</div>
</div>

<div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="300">
<div class="service-box orange">
<i class="ri-discuss-line icon"></i>
Expand All @@ -491,6 +496,7 @@ <h3>Eosle Commodi</h3>
<a href="#" class="read-more"><span>Read More</span> <i class="bi bi-arrow-right"></i></a>
</div>
</div>

<div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="400">
<div class="service-box green">
<i class="ri-discuss-line icon"></i>
Expand All @@ -499,6 +505,7 @@ <h3>Ledo Markt</h3>
<a href="#" class="read-more"><span>Read More</span> <i class="bi bi-arrow-right"></i></a>
</div>
</div>

<div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="500">
<div class="service-box red">
<i class="ri-discuss-line icon"></i>
Expand All @@ -507,6 +514,7 @@ <h3>Asperiores Commodi</h3>
<a href="#" class="read-more"><span>Read More</span> <i class="bi bi-arrow-right"></i></a>
</div>
</div>

<div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="600">
<div class="service-box purple">
<i class="ri-discuss-line icon"></i>
Expand All @@ -515,6 +523,7 @@ <h3>Velit Doloremque.</h3>
<a href="#" class="read-more"><span>Read More</span> <i class="bi bi-arrow-right"></i></a>
</div>
</div>

<div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="700">
<div class="service-box pink">
<i class="ri-discuss-line icon"></i>
Expand All @@ -523,8 +532,11 @@ <h3>Dolori Architecto</h3>
<a href="#" class="read-more"><span>Read More</span> <i class="bi bi-arrow-right"></i></a>
</div>
</div>

</div>

</div>

</section><!-- End Services Section -->

<!-- ======= Pricing Section ======= -->
Expand All @@ -542,7 +554,7 @@ <h2>Prizes</h2>

<div class="carousel-inner">
<div class="carousel-item active">
<div class="">
<div class="" data-aos="zoom-in" data-aos-delay="100">
<div class="box">
<h3 style="color: #07d5c0;">Winner Team</h3>
<div class="price">TBA</div>
Expand All @@ -558,7 +570,7 @@ <h3 style="color: #07d5c0;">Winner Team</h3>
</div>

<div class="carousel-item">
<div class="">
<div class="" data-aos="zoom-in" data-aos-delay="200">
<div class="box">
<h3 style="color: #65c600;">Runner Up Team</h3>
<div class="price">TBA</div>
Expand All @@ -574,7 +586,7 @@ <h3 style="color: #65c600;">Runner Up Team</h3>
</div>

<div class="carousel-item">
<div class="">
<div class="" data-aos="zoom-in" data-aos-delay="300">
<div class="box">
<h3 style="color: #ff901c;">Second Runner Up</h3>
<div class="price">TBA</div>
Expand All @@ -590,7 +602,7 @@ <h3 style="color: #ff901c;">Second Runner Up</h3>
</div>

<div class="carousel-item">
<div class="">
<div class="" data-aos="zoom-in" data-aos-delay="400">
<div class="box">
<span class="featured" style="font-size: 10px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Women in Tech &nbsp;&nbsp; </span>
<h3 style="color: #ff0071;">Best Girls Team</h3>
Expand Down Expand Up @@ -793,11 +805,14 @@ <h2 class="accordion-header">

<!-- ======= Portfolio Section =======
<section id="portfolio" class="portfolio">

<div class="container" data-aos="fade-up">

<header class="section-header">
<h2>Portfolio</h2>
<p>Check our latest work</p>
</header>

<div class="row" data-aos="fade-up" data-aos-delay="100">
<div class="col-lg-12 d-flex justify-content-center">
<ul id="portfolio-flters">
Expand All @@ -808,7 +823,9 @@ <h2>Portfolio</h2>
</ul>
</div>
</div>

<div class="row gy-4 portfolio-container" data-aos="fade-up" data-aos-delay="200">

<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-wrap">
<img src="assets/img/portfolio/portfolio-1.jpg" class="img-fluid" alt="">
Expand All @@ -822,6 +839,7 @@ <h4>App 1</h4>
</div>
</div>
</div>

<div class="col-lg-4 col-md-6 portfolio-item filter-web">
<div class="portfolio-wrap">
<img src="assets/img/portfolio/portfolio-2.jpg" class="img-fluid" alt="">
Expand All @@ -835,6 +853,7 @@ <h4>Web 3</h4>
</div>
</div>
</div>

<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-wrap">
<img src="assets/img/portfolio/portfolio-3.jpg" class="img-fluid" alt="">
Expand All @@ -848,6 +867,7 @@ <h4>App 2</h4>
</div>
</div>
</div>

<div class="col-lg-4 col-md-6 portfolio-item filter-card">
<div class="portfolio-wrap">
<img src="assets/img/portfolio/portfolio-4.jpg" class="img-fluid" alt="">
Expand All @@ -861,6 +881,7 @@ <h4>Card 2</h4>
</div>
</div>
</div>

<div class="col-lg-4 col-md-6 portfolio-item filter-web">
<div class="portfolio-wrap">
<img src="assets/img/portfolio/portfolio-5.jpg" class="img-fluid" alt="">
Expand All @@ -874,6 +895,7 @@ <h4>Web 2</h4>
</div>
</div>
</div>

<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-wrap">
<img src="assets/img/portfolio/portfolio-6.jpg" class="img-fluid" alt="">
Expand All @@ -887,6 +909,7 @@ <h4>App 3</h4>
</div>
</div>
</div>

<div class="col-lg-4 col-md-6 portfolio-item filter-card">
<div class="portfolio-wrap">
<img src="assets/img/portfolio/portfolio-7.jpg" class="img-fluid" alt="">
Expand All @@ -900,6 +923,7 @@ <h4>Card 1</h4>
</div>
</div>
</div>

<div class="col-lg-4 col-md-6 portfolio-item filter-card">
<div class="portfolio-wrap">
<img src="assets/img/portfolio/portfolio-8.jpg" class="img-fluid" alt="">
Expand All @@ -913,6 +937,7 @@ <h4>Card 3</h4>
</div>
</div>
</div>

<div class="col-lg-4 col-md-6 portfolio-item filter-web">
<div class="portfolio-wrap">
<img src="assets/img/portfolio/portfolio-9.jpg" class="img-fluid" alt="">
Expand All @@ -926,8 +951,11 @@ <h4>Web 3</h4>
</div>
</div>
</div>

</div>

</div>

</section><!-- End Portfolio Section -->

<!-- ======= Testimonials Section ======= -->
Expand Down Expand Up @@ -1159,12 +1187,16 @@ <h2>Our Sponsors</h2>

<!-- ======= Recent Blog Posts Section =======
<section id="recent-blog-posts" class="recent-blog-posts">

<div class="container" data-aos="fade-up">

<header class="section-header">
<h2>Blog</h2>
<p>Recent posts form our Blog</p>
</header>

<div class="row">

<div class="col-lg-4">
<div class="post-box">
<div class="post-img"><img src="assets/img/blog/blog-1.jpg" class="img-fluid" alt=""></div>
Expand All @@ -1173,6 +1205,7 @@ <h3 class="post-title">Eum ad dolor et. Autem aut fugiat debitis voluptatem cons
<a href="blog-single.html" class="readmore stretched-link mt-auto"><span>Read More</span><i class="bi bi-arrow-right"></i></a>
</div>
</div>

<div class="col-lg-4">
<div class="post-box">
<div class="post-img"><img src="assets/img/blog/blog-2.jpg" class="img-fluid" alt=""></div>
Expand All @@ -1181,6 +1214,7 @@ <h3 class="post-title">Et repellendus molestiae qui est sed omnis voluptates mag
<a href="blog-single.html" class="readmore stretched-link mt-auto"><span>Read More</span><i class="bi bi-arrow-right"></i></a>
</div>
</div>

<div class="col-lg-4">
<div class="post-box">
<div class="post-img"><img src="assets/img/blog/blog-3.jpg" class="img-fluid" alt=""></div>
Expand All @@ -1189,19 +1223,27 @@ <h3 class="post-title">Quia assumenda est et veritatis aut quae</h3>
<a href="blog-single.html" class="readmore stretched-link mt-auto"><span>Read More</span><i class="bi bi-arrow-right"></i></a>
</div>
</div>

</div>

</div>

</section> End Recent Blog Posts Section -->

<!-- ======= Contact Section =======
<section id="contact" class="contact">

<div class="container" data-aos="fade-up">

<header class="section-header">
<h2>Contact</h2>
<p>Contact Us</p>
</header>

<div class="row gy-4">

<div class="col-lg-6">

<div class="row gy-4">
<div class="col-md-6">
<div class="info-box">
Expand Down Expand Up @@ -1232,33 +1274,46 @@ <h3>Open Hours</h3>
</div>
</div>
</div>

</div>

<div class="col-lg-6">
<form action="forms/contact.php" method="post" class="php-email-form">
<div class="row gy-4">

<div class="col-md-6">
<input type="text" name="name" class="form-control" placeholder="Your Name" required>
</div>

<div class="col-md-6 ">
<input type="email" class="form-control" name="email" placeholder="Your Email" required>
</div>

<div class="col-md-12">
<input type="text" class="form-control" name="subject" placeholder="Subject" required>
</div>

<div class="col-md-12">
<textarea class="form-control" name="message" rows="6" placeholder="Message" required></textarea>
</div>

<div class="col-md-12 text-center">
<div class="loading">Loading</div>
<div class="error-message"></div>
<div class="sent-message">Your message has been sent. Thank you!</div>

<button type="submit">Send Message</button>
</div>

</div>
</form>

</div>

</div>

</div>

</section> End Contact Section -->

</main>
Expand Down