Skip to content

Feature/jumbotron #36

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

Open
sharewitharushi11 wants to merge 6 commits into
base: feature/jumbotron
Choose a base branch
from
Open

Feature/jumbotron #36

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
1dbb4b5
finished jumbotron component
sharewitharushi11 Jan 15, 2022
ba3440c
Update index.html
sharewitharushi11 Jan 15, 2022
2f97da6
Update wehack.css
sharewitharushi11 Feb 14, 2022
b9b3105
Update index.html
sharewitharushi11 Feb 14, 2022
1654311
Update index.html
sharewitharushi11 Mar 17, 2022
d877402
Update wehack.css
sharewitharushi11 Mar 17, 2022
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
220 changes: 79 additions & 141 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,118 +1,29 @@
<html>
<head>
<title>wehack</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="First women centric hackathon at UTD">
<!-- Load an icon library to show a hamburger menu (bars) on small screens -->
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
/>
<link rel="stylesheet" href="wehack.css" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
/>
<script type="text/javascript" src="navbar.js"></script>
<script type="text/javascript" src="faq.js"></script>

<!-- Tab icon -->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">

<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
</head>
<title>WEHack</title>
<link rel="stylesheet" href="wehack.css">
<link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet'>
<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet'>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

<body>
<!-- Top Navigation Menu -->
<section class="home" id="home">
<div class="topnav" id='myTopNav'>
<a href="#home" id="homeLink"><img src="images\Copy of WEHack Gold Logo-30x30.png" alt="wehack"/></a>
<!-- Navigation links (hidden by default) -->
<div class="links" id="myLinks">
<a href="#wehack">About</a>
<a href="#theme">Theme</a>
<a href="#sponsors">Sponsors</a>
<a href="#faq">FAQ</a>
<a href="#meettheteam">Meet The Team</a>
<a href="#contact">Contact Us</a>
<a href="#schedule">Schedule</a>
<a href="javascript:void(0);" class="icon" onclick="myFunction()">
<i class="fa fa-bars" style="font-weight: normal;"></i>
</a>
</div>
</div>

<!--Banner-->
<div class="banner">
<!--Logo-->
<div class="imgBox"><img src = "images\Copy of WEHack Logo.png" class="logo1" alt="wehack"></div>

<!--Heading2 refers to the text and timer on the right side of the banner-->
<div class="Heading2" style="font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif">
<h3 style="text-align:center; color: white" class="topHeading"><span style="color:#EA931E">WE</span>Hack 20<span style="color:#EA931E">20</span></h3>
<h6 style="text-align:center; color: white">Powered by Axxess and Toyota</h1>
<h3 style="color: white;"><span style="color:#EA931E" >WE</span> can transform our dreams into reality</h3>
<br><h3 style="text-align: center; color:#EA931E">OCTOBER 10-11, 2020</h3>

<!--Countdown Timer-->
<div class="countdown">
<div id="day"></div>
<h1 style="color:white">:</h1>
<div id="hour"></div>
<h1 style="color:white">:</h1>
<div id="minute"></div>
<h1 style="color:white">:</h1>
<div id="second"></div>
<!-- JUMBOTRON -->
<div class="component jumbotron">
<div class="container">
<div class="placeholder font-title-4"><br>&nbsp;the<br>&nbsp;time<br>&nbsp;is<br>&nbsp;now.</div>
<div class="right titleButtons">
<h1 class="font-title-1">WEHack 2022</h1>
<button class="apply-now font-paragraph">APPLY NOW</button>
<div class="flex-grid">
<button class="font-paragraph" id="left-button">SPONSOR</button>
<button class="font-paragraph" id="right-button">MENTOR</button>
</div>
</div>
</div>

<!--Apply now button-->
<a href="https://wehackutd.typeform.com/to/jjEnhePI" target="_blank" class="button-instagram" style="font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif"
alt="wehack registration"><span class="gradient"></span>Register</a>
<a href="https://wehackutd.typeform.com/to/PoEvotcq" target="_blank" class="mentor-link">Apply to be a mentor!</a>
</div>

<div class="font-paragraph message">"Computing is too important to be left to men." - Karen Spärck Jones, a British Computer Scientist (1935 - 2007)</div>
</div>

</section>
<!--javascript for timer-->
<script type="text/javascript">
var countDate = new Date('Oct 10, 2020 00:00:00').getTime();

function wehackDay(){
var now= new Date().getTime();
// gap = countDate - now;
gap = 0;
var second = 1000;
var minute = second * 60;
var hour = minute * 60;
var day = hour * 24;

var d = Math.floor(gap / (day));
var h = Math.floor((gap % (day)) / (hour));
var m = Math.floor((gap % (hour)) / (minute));
var s = Math.floor((gap % (minute)) / (second));

document.getElementById('day').innerText = d;
document.getElementById('hour').innerText = h;
document.getElementById('minute').innerText = m;
document.getElementById('second').innerText = s;

}

setInterval(function(){
wehackDay();
}, 1000)

</script>

<section class="about">
<div class="contentBx" id="wehack">
<h1 class="heading">At WEHack, we're looking to shape the future of technology</h1>
Expand Down Expand Up @@ -565,42 +476,69 @@ <h4>Afrida Tasnim</h4>
</div>
</div>
</section>

<section class="contact" id="contact">

<footer id="footer">

<div class="grid">
<div></div>
<div>
<!--Countdown-->
<script src="https://cdn.logwork.com/widget/countdown.js"></script>
<a href="https://logwork.com/countdown-swx8" class="countdown-timer" data-width="500" data-timezone="America/Chicago" data-textcolor="#ffffff" data-date="2022-02-19 00:00" data-unitscolor="#ffffff">Countdown to WEHack 2022:</a>
</div>
<div></div>
<div></div>
<div></div>
<div></div>

<div style="text-align: left;">
<!--Sponsorship/Partnership packet (need to replace href value)-->
<a
class="text"
href="https://static.mlh.io/docs/mlh-code-of-conduct.pdf"
target="_blank"
><p>Sponsorship/Partnership Packet</p>
</a>
<!--MLH Code of Conduct-->
<a
class="text"
href="https://static.mlh.io/docs/mlh-code-of-conduct.pdf"
target="_blank"
><p>MLH Code of Conduct</p>
</a>
</div>
<div></div>
<div>
<!--Social Media-->
<a style="text-decoration: none;" href="https://twitter.com/wehackutd">
<img src="/images/twitter-icon.png" alt="twitter" width="30" height="30">
</a>&nbsp;
<a style="text-decoration: none;" href="https://www.facebook.com/WEHackUTD/">
<img src="/images/facebook.png" alt="facebook" width="30" height="30">
</a>&nbsp;
<a style="text-decoration: none;" href="https://www.linkedin.com/company/wehackutd-2020/">
<img src="/images/LINKEDIN.png" alt="linkedin" width="30" height="30">
</a>&nbsp;
<a style="text-decoration: none;" href="mailto:wehackutd@gmail.com">
<img src="/images/gmail.png" alt="gmail" width="30" height="30">
</a>&nbsp;
<a style="text-decoration: none;" href="https://www.instagram.com/wehackutd/">
<img src="/images/instagram.png" alt="instagram" width="30" height="30">
</a>
</div>
</div>
</footer>

<div class="bottom">
<p style="background: black;">Are you a hacker?
<a
style="background: black;"
class="text"
href="https://static.mlh.io/docs/mlh-code-of-conduct.pdf"
href="https://wehackutd.typeform.com/to/jjEnhePI"
target="_blank"
><p>MLH Code of Conduct</p>
</a>
<div class="contact-buttons">
<a href="https://www.facebook.com/WEHackUTD/"class="fa fa-facebook"></a>
<a href="https://twitter.com/wehackutd" class="fa fa-twitter"></a>
<a href="mailto:wehackutd@gmail.com" class="fa fa-google"></a>
<a href="https://www.instagram.com/wehackutd/" class="fa fa-instagram"></a>
</div>
</footer>
</section>

<a
id="mlh-trust-badge"
style="
display: block;
max-width: 100px;
min-width: 60px;
position: fixed;
right: 65px;
top: 0;
width: 10%;
z-index: 10000;
"
href="https://mlh.io/seasons/na-2021/events?utm_source=na-hackathon&utm_medium=TrustBadge&utm_campaign=2021-season&utm_content=white"
target="_blank"
><img
src="https://s3.amazonaws.com/logged-assets/trust-badge/2021/mlh-trust-badge-2021-white.svg"
alt="Major League Hacking 2021 Hackathon Season"
style="width: 100%;"
/></a>
> Register here</p>
</a>
</div>

</body>
</html>
Loading