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

added events page and made header same as home page #2

Open
wants to merge 2 commits into
base: master
Choose a base branch
from
Open

added events page and made header same as home page #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
87e4988
added events page and made header same as home page
rsvr280 Jan 16, 2021
c0c9d4e
added more button and removed hyper links for events
rsvr280 Jan 17, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
341 changes: 341 additions & 0 deletions events.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,341 @@
<!DOCTYPE html>
<html lang="en">

<head>

<title>DSC AUCE</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/owl.carousel.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<link rel="stylesheet" href="css/magnific-popup.css">

<!-- MAIN CSS -->
<link rel="stylesheet" href="css/teams.css">

<link rel="icon" href="images/Homepage/favicon.png" type="image/icon type">

</head>

<body>



<!-- MENU -->
<section class="navbar custom-navbar navbar-fixed-top" role="navigation">
<div class="container">

<div class="navbar-header">
<button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon icon-bar"></span>
<span class="icon icon-bar"></span>
<span class="icon icon-bar"></span>
</button>

<!-- lOGO TEXT HERE -->
<a class="navbar-brand" href="index.html"><img src="images/Homepage/dsclogo.png" alt="logo" height="40px" width="300px"></a>
</div>

<!-- MENU LINKS -->
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-nav-first">
<li><a href="index.html" class="smoothScroll">Home</a></li>
<li><a href="index.html#about" class="smoothScroll">About</a></li>
<li><a href="index.html#event" class="smoothScroll">Events</a></li>
<li><a href="team.html" class="smoothScroll">Team</a></li>
<li><a href="#contact" class="smoothScroll">Contact Us</a></li>
</ul>

</div>


</div>
</section>

<!-- TEAMS -->
<section id="event" data-stellar-background-ratio="0.5">
<div class="container">
<div class="row">

<div class="col-md-12 col-sm-12">
<div class="section-title wow fadeInUp" data-wow-delay="0.1s">
<h2>OUR EVENTS</h2>
<!-- <h4>They are nice &amp; friendly</h4> -->
</div>
</div>

<div class="col-md-4 col-sm-4">
<div class="event-thumb wow fadeInUp" data-wow-delay="0.2s">
<img src="images/Homepage/event1.png" class="img-responsive" alt="">
<div class="event-hover">
<div class="event-item">
<h4>Duis vel lacus id magna mattis vehicula</h4>
<ul class="social-icon">
<!-- <li><a href="#" class="fa fa-linkedin"></a></li>
<li><a href="#" class="fa fa-envelope-o"></a></li>-->
</ul>
</div>
</div>
</div>
<div class="event-info">
<h3>Android Study Jams: New to programming-virtual</h3>
<!-- <p></p> -->
</div>
</div>

<div class="col-md-4 col-sm-4">
<div class="event-thumb wow fadeInUp" data-wow-delay="0.4s">
<img src="images/Homepage/event2.png" class="img-responsive" alt="">
<div class="event-hover">
<div class="event-item">
<h4>Cras suscipit neque quis odio feugiat</h4>
<ul class="social-icon">
<!-- <li><a href="#" class="fa fa-instagram"></a></li>
<li><a href="#" class="fa fa-flickr"></a></li>-->
</ul>
</div>
</div>
</div>
<div class="event-info">
<h3>Hackathon - Virtual</h3>
<!-- <p></p> -->
</div>
</div>

<div class="col-md-4 col-sm-4">
<div class="event-thumb wow fadeInUp" data-wow-delay="0.6s">
<img src="images/Homepage/event3.png" class="img-responsive" alt="">
<div class="event-hover">
<div class="event-item">
<h4>Speaker session/tech talk - Virtual</h4>
<ul class="social-icon">
<!--<li><a href="#" class="fa fa-github"></a></li>
<li><a href="#" class="fa fa-google"></a></li>-->
</ul>
</div>
</div>
</div>
<div class="event-info">
<h3>Speaker session/tech talk - Virtual</h3>
<!-- <p></p> -->
</div>
</div>

</div>
</div>
</section>

<section id="event" data-stellar-background-ratio="0.5">
<div class="container">
<div class="row">

<div class="col-md-4 col-sm-4">
<div class="event-thumb wow fadeInUp" data-wow-delay="0.2s">
<img src="images/Homepage/event1.png" class="img-responsive" alt="">
<div class="event-hover">
<div class="event-item">
<h4>Duis vel lacus id magna mattis vehicula</h4>
<ul class="social-icon">
<!--<li><a href="#" class="fa fa-linkedin"></a></li>
<li><a href="#" class="fa fa-envelope-o"></a></li>-->
</ul>
</div>
</div>
</div>
<div class="event-info">
<h3>Android Study Jams: New to programming-virtual</h3>
<!-- <p></p> -->
</div>
</div>

<div class="col-md-4 col-sm-4">
<div class="event-thumb wow fadeInUp" data-wow-delay="0.4s">
<img src="images/Homepage/event2.png" class="img-responsive" alt="">
<div class="event-hover">
<div class="event-item">
<h4>Cras suscipit neque quis odio feugiat</h4>
<ul class="social-icon">
<!--<li><a href="#" class="fa fa-instagram"></a></li>
<li><a href="#" class="fa fa-flickr"></a></li>-->
</ul>
</div>
</div>
</div>
<div class="event-info">
<h3>Hackathon - Virtual</h3>
<!-- <p></p> -->
</div>
</div>

<div class="col-md-4 col-sm-4">
<div class="event-thumb wow fadeInUp" data-wow-delay="0.6s">
<img src="images/Homepage/event3.png" class="img-responsive" alt="">
<div class="event-hover">
<div class="event-item">
<h4>Speaker session/tech talk - Virtual</h4>
<ul class="social-icon">
<!--<li><a href="#" class="fa fa-github"></a></li>
<li><a href="#" class="fa fa-google"></a></li>-->
</ul>
</div>
</div>
</div>
<div class="event-info">
<h3>Speaker session/tech talk - Virtual</h3>
<!-- <p></p> -->
</div>
</div>

</div>
</div>
</section>

<!-- CONTACT -->
<section id="contact" data-stellar-background-ratio="0.5">
<div class="container">
<div class="row">
<!-- How to change your own map point
1. Go to Google Maps
2. Click on your location point
3. Click "Share" and choose "Embed map" tab
4. Copy only URL and paste it within the src="" field below
-->
<div class="wow fadeInUp col-md-6 col-sm-12" data-wow-delay="0.4s">
<div id="google-map">
<iframe
src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d15201.34269129679!2d83.320085!3d17.728816!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x2444fb31dbaa10a3!2sAndhra%20University%20College%20of%20Engineering!5e0!3m2!1sen!2sin!4v1609495063123!5m2!1sen!2sin"
width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
</div>
</div>

<div class="col-md-6 col-sm-12">

<div class="col-md-12 col-sm-12">
<div class="section-title wow fadeInUp" data-wow-delay="0.1s">
<h2>Contact Us</h2>
</div>
</div>

<!-- CONTACT FORM -->
<form action="#" method="post" class="wow fadeInUp" id="contact-form" role="form" data-wow-delay="0.8s">

<!-- IF MAIL SENT SUCCESSFUL // connect this with custom JS -->
<h6 class="text-success">Your message has been sent successfully.</h6>

<!-- IF MAIL NOT SENT -->
<h6 class="text-danger">E-mail must be valid and message must be longer than 1 character.</h6>

<div class="col-md-6 col-sm-6">
<input type="text" class="form-control" id="cf-name" name="name" placeholder="Full name">
</div>

<div class="col-md-6 col-sm-6">
<input type="email" class="form-control" id="cf-email" name="email" placeholder="Email address">
</div>

<div class="col-md-12 col-sm-12">
<input type="text" class="form-control" id="cf-subject" name="subject" placeholder="Subject">

<textarea class="form-control" rows="6" id="cf-message" name="message" placeholder="Tell about your project"></textarea>

<button type="submit" class="form-control" id="cf-submit" name="submit">Send Message</button>
</div>
</form>
</div>

</div>
</div>
</section>




<!-- FOOTER -->
<footer id="footer" data-stellar-background-ratio="0.5">
<div class="container">
<div class="row">

<div class="col-lg-3 col-md-6">
<div class="footer-info">
<div class="section-title">
<h2 class="wow fadeInUp" data-wow-delay="0.2s">General Guidelines</h2>
</div>
<address class="wow fadeInUp" data-wow-delay="0.4s">
<!-- <p>123 nulla a cursus rhoncus,<br> augue sem viverra 10870<br>id ultricies sapien</p> -->
<p><a href="">Code Of Conduct</a></p>
</address>
</div>
</div>

<div class="col-lg-3 col-md-6">
<div class="footer-info">
<div class="section-title">
<h2 class="wow fadeInUp" data-wow-delay="0.2s">Community</h2>
</div>
<address class="wow fadeInUp" data-wow-delay="0.4s">
<p><a href="">Google Developers Program</a></p>
<p><a href="mailto:[email protected]">Developer Students Club</a></p>
<p><a href=""></a></p>
</address>
</div>
</div>

<div class="col-lg-3 col-md-6">
<h2 class="wow fadeInUp" data-wow-delay="0.2s">Keep In Touch</h2>
<ul class="wow fadeInUp social-icon" data-wow-delay="0.4s">
<li><a href="https://www.facebook.com/pages/category/Community/DSC-AUCE-101465691691643/" class="fa fa-facebook-square" attr="facebook icon"></a></li>
<li><a href="https://www.youtube.com/channel/UCw2vDOLYKTyNxA4m91QhMCQ" class="fa fa-youtube-play"></a></li>
<li><a href="https://www.instagram.com/dscauce/?hl=en" class="fa fa-instagram"></a></li>
<li><a href="https://www.linkedin.com/company/dsc-auce" class="fa fa-linkedin"></a></li>
</ul>
<ul class="wow fadeInUp footer-contact-info" data-wow-delay="0.4s">
<li><i class="fa fa-envelope" aria-hidden="true"></i> : <a href="mailto:[email protected]"> [email protected]</a></li>
<li></li>
</ul>

</div>

<div class="col-lg-3 col-md-6">
<div class="footer-info wow fadeInUp" data-wow-delay="0.2s">
<a href="#" class="logo"><img src="images/Homepage/dsclogo.png" alt="Logo" height="40px" width="300px"></a>
</div>
</div>

</div>
</div>
</footer>
<!--Copyright-->

<div id="copyright-area" class="container">
<div class="row">
<div class="col-lg-12 col-md-12">
<div class="wow fadeInUp " data-wow-delay="0.8s">
<p>Copyright &copy; 2021 DSC AUCE | All rights reserved</p>
</div>
</div>
</div>
</div>

<!-- SCRIPTS -->

<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.stellar.min.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/smoothscroll.js"></script>
<script src="js/custom.js"></script>


</body>

</html>
18 changes: 12 additions & 6 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -140,8 +140,9 @@ <h2>OUR EVENTS</h2>
<div class="event-item">
<h4>Duis vel lacus id magna mattis vehicula</h4>
<ul class="social-icon">
<li><a href="#" class="fa fa-linkedin"></a></li>
<!--<li><a href="#" class="fa fa-linkedin"></a></li>
<li><a href="#" class="fa fa-envelope-o"></a></li>
-->
</ul>
</div>
</div>
Expand All @@ -159,9 +160,9 @@ <h3>Android Study Jams: New to programming-virtual</h3>
<div class="event-item">
<h4>Cras suscipit neque quis odio feugiat</h4>
<ul class="social-icon">
<li><a href="#" class="fa fa-instagram"></a></li>
<!--<li><a href="#" class="fa fa-instagram"></a></li>
<li><a href="#" class="fa fa-flickr"></a></li>
</ul>
--></ul>
</div>
</div>
</div>
Expand All @@ -178,9 +179,9 @@ <h3>Hackathon - Virtual</h3>
<div class="event-item">
<h4>Speaker session/tech talk - Virtual</h4>
<ul class="social-icon">
<li><a href="#" class="fa fa-github"></a></li>
<!--<li><a href="#" class="fa fa-github"></a></li>
<li><a href="#" class="fa fa-google"></a></li>
</ul>
--></ul>
</div>
</div>
</div>
Expand All @@ -189,7 +190,12 @@ <h3>Speaker session/tech talk - Virtual</h3>
<!-- <p></p> -->
</div>
</div>

<div class="col-md-12 col-sm-12">
<div class="section-title wow fadeInUp" data-wow-delay="0.1s"></div>
<a href='events.html' target="_blank"><button class="btn btn-success" type="button">MORE</button></a>
<!-- <h4>They are nice &amp; friendly</h4> -->
</div>
</div>
</div>
</div>
</section>
Expand Down