updated navbar styling
This commit is contained in:
warren yun
parent
78183d42e7
commit
0001c483eb
2 changed files with 38 additions and 318 deletions
|
|
@ -8,6 +8,7 @@ body {
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #232323;
|
color: #232323;
|
||||||
|
background-color: #171717;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -40,9 +41,7 @@ a {
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
a, a:hover {
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mbr-section-title {
|
.mbr-section-title {
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
|
|
|
||||||
349
index.html
349
index.html
|
|
@ -1,7 +1,6 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<!-- Site made with Mobirise Website Builder v5.9.6, https://mobirise.com -->
|
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||||
<meta name="generator" content="Mobirise v5.9.6, mobirise.com" />
|
<meta name="generator" content="Mobirise v5.9.6, mobirise.com" />
|
||||||
|
|
@ -78,11 +77,8 @@
|
||||||
type="text/css"
|
type="text/css"
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<link
|
<script src="https://cdn.tailwindcss.com"></script>
|
||||||
rel="stylesheet"
|
|
||||||
href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.16/dist/tailwind.min.css"
|
|
||||||
rel="stylesheet"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
|
@ -90,96 +86,44 @@
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<div class="flex bg-[#171717] text-3xl text-white game-font items-center justify-center flex-row py-4 px-2" style="background-color: #171717">
|
<div class="flex text-3xl border-zinc-700 fixed w-screen border-b z-50 text-white game-font items-center justify-center flex-row py-3 pl-2 pr-40" style="background-color: #171717">
|
||||||
<a href="https://hack.wpi.edu" class="ml-4 ">
|
<a href="https://hack.wpi.edu" class="ml-4 ">
|
||||||
<img
|
<img
|
||||||
src="assets/images/goathacks2024goat3-96x106.png"
|
src="assets/images/goathacks2024goat3-96x106.png"
|
||||||
alt="Hack@WPI 2021"
|
alt="Hack@WPI 2021"
|
||||||
style="height: 3rem"
|
style="height: 3.2rem"
|
||||||
/>
|
/>
|
||||||
</a>
|
</a>
|
||||||
<div class="ml-auto mr-4">
|
<div class="ml-auto mr-5">
|
||||||
<a
|
<a
|
||||||
href="index.html#header12-2"
|
href="index.html#header12-2"
|
||||||
>Register</a
|
class="hover:text-red-500 duration-100"
|
||||||
>
|
>REGISTER</a>
|
||||||
</div>
|
|
||||||
<div class="mr-4">
|
|
||||||
<a
|
|
||||||
href="index.html#gallery6-1g"
|
|
||||||
>Sponsors</a
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
<div class="mr-4">
|
|
||||||
<a
|
|
||||||
href="index.html#content17-y"
|
|
||||||
>FAQ<br
|
|
||||||
/></a>
|
|
||||||
</div>
|
|
||||||
<div class="mr-4">
|
|
||||||
<a
|
|
||||||
href="index.html#contacts2-13"
|
|
||||||
>Contact Us</a
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<!-- <nav class="navbar ">
|
|
||||||
<div class="flex mx-2 my-3 bg-[#171717]">
|
|
||||||
<a href="https://hack.wpi.edu">
|
|
||||||
<img
|
|
||||||
src="assets/images/goathacks2024goat3-96x106.png"
|
|
||||||
alt="Hack@WPI 2021"
|
|
||||||
style="height: 3rem"
|
|
||||||
/>
|
|
||||||
</a>
|
|
||||||
|
|
||||||
<div class="" id="">
|
|
||||||
<ul
|
|
||||||
class=""
|
|
||||||
data-app-modern-menu="true"
|
|
||||||
>
|
|
||||||
<li class="">
|
|
||||||
<a
|
|
||||||
class="nav-link link text-white display-4"
|
|
||||||
href="index.html#header12-2"
|
|
||||||
>Register</a
|
|
||||||
>
|
|
||||||
</li>
|
|
||||||
<li class="">
|
|
||||||
<a
|
|
||||||
class="nav-link link show text-white display-4"
|
|
||||||
href="index.html#gallery6-1g"
|
|
||||||
>Sponsors</a
|
|
||||||
>
|
|
||||||
</li>
|
|
||||||
<li class="">
|
|
||||||
<a
|
|
||||||
class="nav-link link show text-white display-4"
|
|
||||||
href="index.html#content17-y"
|
|
||||||
>FAQ<br
|
|
||||||
/></a>
|
|
||||||
</li>
|
|
||||||
<li class="">
|
|
||||||
<a
|
|
||||||
class="nav-link link show text-white display-4"
|
|
||||||
href="index.html#contacts2-13"
|
|
||||||
>Contact Us</a
|
|
||||||
>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<div class="icons-menu">
|
|
||||||
<a class="iconfont-wrapper" href="https://discord.gg/BbHQZYQ7">
|
|
||||||
<span class="p-2 mbr-iconfont socicon-discord socicon"></span>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</nav> -->
|
<div class="mr-5">
|
||||||
<section data-bs-version="5.1" class="image3" id="image3-1">
|
<a
|
||||||
|
href="index.html#gallery6-1g"
|
||||||
|
class="hover:text-red-500 duration-100"
|
||||||
|
>SPONSORS</a>
|
||||||
|
</div>
|
||||||
|
<div class="mr-5">
|
||||||
|
<a
|
||||||
|
href="index.html#content17-y"
|
||||||
|
class="hover:text-red-500 duration-100"
|
||||||
|
>FAQ</a>
|
||||||
|
</div>
|
||||||
|
<div class="mr-5">
|
||||||
|
<a
|
||||||
|
href="index.html#contacts2-13"
|
||||||
|
class="hover:text-red-500 duration-100"
|
||||||
|
>CONTACT</a
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<section data-bs-version="5.1" class="" id="image3-1">
|
||||||
<div
|
<div
|
||||||
class="vh-100 px-20 align-items-center flex flex-row items-center justify-center"
|
class="h-screen px-20 align-items-center flex flex-row items-center justify-center"
|
||||||
style="background-color: #171717"
|
style="background-color: #171717"
|
||||||
>
|
>
|
||||||
<div class="col-12 col-lg-6 mr-auto">
|
<div class="col-12 col-lg-6 mr-auto">
|
||||||
|
|
@ -191,7 +135,7 @@
|
||||||
>
|
>
|
||||||
<h2 class="text-white mt-4 game-font text-6xl">JAN 17th - 19th</h2>
|
<h2 class="text-white mt-4 game-font text-6xl">JAN 17th - 19th</h2>
|
||||||
<a
|
<a
|
||||||
class="btn btn-secondary display-4 disabled"
|
class="btn btn-secondary display-4 disable"
|
||||||
href="http://hack.wpi.edu/registration"
|
href="http://hack.wpi.edu/registration"
|
||||||
>REGISTER!</a>
|
>REGISTER!</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -202,50 +146,6 @@
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- <section
|
|
||||||
data-bs-version="5.1"
|
|
||||||
class="header12 cid-sgPJIlmBEv"
|
|
||||||
id="header12-2"
|
|
||||||
>
|
|
||||||
<div class="container-fluid">
|
|
||||||
<div class="row justify-content-center">
|
|
||||||
<div class="card col-12 col-md-12 col-lg-9">
|
|
||||||
<div class="card-wrapper">
|
|
||||||
<div class="card-box align-center">
|
|
||||||
<h1 class="card-title mbr-fonts-style mb-3 display-2">
|
|
||||||
<strong>Registration Is Open!<br /></strong>
|
|
||||||
</h1>
|
|
||||||
<p class="mbr-text mbr-fonts-style display-7">
|
|
||||||
<strong><br /></strong>Please take a moment to read through
|
|
||||||
our
|
|
||||||
<a href="index.html#content17-y" class="text-info"
|
|
||||||
>FAQ section</a
|
|
||||||
>
|
|
||||||
below. If you have any questions, please don't hesitate to
|
|
||||||
reach out to us at
|
|
||||||
<a href="mailto:hack@wpi.edu" class="text-info"
|
|
||||||
>hack@wpi.edu</a
|
|
||||||
><br /><br />This event will be run according to the
|
|
||||||
<a
|
|
||||||
href="http://hack.wpi.edu/conduct/conduct.pdf"
|
|
||||||
class="text-info text-primary"
|
|
||||||
target="_blank"
|
|
||||||
>Goathacks Code of Conduct</a
|
|
||||||
>.<br /><br /><br />
|
|
||||||
</p>
|
|
||||||
<div class="mbr-section-btn mt-3">
|
|
||||||
<a
|
|
||||||
class="btn btn-secondary display-4"
|
|
||||||
href="http://hack.wpi.edu/registration"
|
|
||||||
>Register Here!<br
|
|
||||||
/></a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section> -->
|
|
||||||
|
|
||||||
<section
|
<section
|
||||||
data-bs-version="5.1"
|
data-bs-version="5.1"
|
||||||
|
|
@ -253,187 +153,7 @@
|
||||||
id="slider4-10"
|
id="slider4-10"
|
||||||
style="background-color: #171717"
|
style="background-color: #171717"
|
||||||
>
|
>
|
||||||
<!-- <div class="position-relative text-center">
|
|
||||||
<div class="mbr-section-head">
|
|
||||||
<h4
|
|
||||||
class="mbr-section-title mbr-fonts-style align-center mb-0 display-2"
|
|
||||||
></h4>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="embla mt-4"
|
|
||||||
data-skip-snaps="true"
|
|
||||||
data-align="center"
|
|
||||||
data-contain-scroll="trimSnaps"
|
|
||||||
data-loop="true"
|
|
||||||
data-auto-play-interval="5"
|
|
||||||
data-draggable="true"
|
|
||||||
>
|
|
||||||
<div class="embla__viewport container-fluid">
|
|
||||||
<div class="embla__container">
|
|
||||||
<div
|
|
||||||
class="embla__slide slider-image item active"
|
|
||||||
style="margin-left: 3rem; margin-right: 3rem"
|
|
||||||
>
|
|
||||||
<div class="slide-content">
|
|
||||||
<div class="item-wrapper">
|
|
||||||
<div class="item-img">
|
|
||||||
<img
|
|
||||||
src="assets/images/00000img-00000-burst20190118180709510-cover-1-886x665.jpg"
|
|
||||||
data-slide-to="0"
|
|
||||||
data-bs-slide-to="0"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="embla__slide slider-image item active"
|
|
||||||
style="margin-left: 3rem; margin-right: 3rem"
|
|
||||||
>
|
|
||||||
<div class="slide-content">
|
|
||||||
<div class="item-wrapper">
|
|
||||||
<div class="item-img">
|
|
||||||
<img
|
|
||||||
src="assets/images/img-4527-886x591.jpg"
|
|
||||||
data-slide-to="1"
|
|
||||||
data-bs-slide-to="1"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="embla__slide slider-image item active"
|
|
||||||
style="margin-left: 3rem; margin-right: 3rem"
|
|
||||||
>
|
|
||||||
<div class="slide-content">
|
|
||||||
<div class="item-wrapper">
|
|
||||||
<div class="item-img">
|
|
||||||
<img
|
|
||||||
src="assets/images/00000img-00000-burst20190118180814712-cover-886x665.jpg"
|
|
||||||
data-slide-to="2"
|
|
||||||
data-bs-slide-to="2"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="embla__slide slider-image item active"
|
|
||||||
style="margin-left: 3rem; margin-right: 3rem"
|
|
||||||
>
|
|
||||||
<div class="slide-content">
|
|
||||||
<div class="item-wrapper">
|
|
||||||
<div class="item-img">
|
|
||||||
<img
|
|
||||||
src="assets/images/00000img-00000-burst20190120082557945-cover-708x532.jpg"
|
|
||||||
data-slide-to="3"
|
|
||||||
data-bs-slide-to="3"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="embla__slide slider-image item active"
|
|
||||||
style="margin-left: 3rem; margin-right: 3rem"
|
|
||||||
>
|
|
||||||
<div class="slide-content">
|
|
||||||
<div class="item-wrapper">
|
|
||||||
<div class="item-img">
|
|
||||||
<img
|
|
||||||
src="assets/images/14053780-3626242574675-5007502984102513115-o-708x469.jpg"
|
|
||||||
data-slide-to="4"
|
|
||||||
data-bs-slide-to="4"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="embla__slide slider-image item active"
|
|
||||||
style="margin-left: 3rem; margin-right: 3rem"
|
|
||||||
>
|
|
||||||
<div class="slide-content">
|
|
||||||
<div class="item-wrapper">
|
|
||||||
<div class="item-img">
|
|
||||||
<img
|
|
||||||
src="assets/images/14124870-3626243974710-7731792461787393140-o-1-708x469.jpg"
|
|
||||||
data-slide-to="5"
|
|
||||||
data-bs-slide-to="5"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="embla__slide slider-image item active"
|
|
||||||
style="margin-left: 3rem; margin-right: 3rem"
|
|
||||||
>
|
|
||||||
<div class="slide-content">
|
|
||||||
<div class="item-wrapper">
|
|
||||||
<div class="item-img">
|
|
||||||
<img
|
|
||||||
src="assets/images/img-20190118-181610-708x531.jpg"
|
|
||||||
data-slide-to="6"
|
|
||||||
data-bs-slide-to="6"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="embla__slide slider-image item active"
|
|
||||||
style="margin-left: 3rem; margin-right: 3rem"
|
|
||||||
>
|
|
||||||
<div class="slide-content">
|
|
||||||
<div class="item-wrapper">
|
|
||||||
<div class="item-img">
|
|
||||||
<img
|
|
||||||
src="assets/images/14054333-3626242934684-2993608365764809290-o-708x469.jpg"
|
|
||||||
data-slide-to="7"
|
|
||||||
data-bs-slide-to="7"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="embla__slide slider-image item active"
|
|
||||||
style="margin-left: 3rem; margin-right: 3rem"
|
|
||||||
>
|
|
||||||
<div class="slide-content">
|
|
||||||
<div class="item-wrapper">
|
|
||||||
<div class="item-img">
|
|
||||||
<img
|
|
||||||
src="assets/images/img-4540-708x472.jpg"
|
|
||||||
data-slide-to="8"
|
|
||||||
data-bs-slide-to="8"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<button class="embla__button embla__button--prev">
|
|
||||||
<span
|
|
||||||
class="mobi-mbri mobi-mbri-arrow-prev mbr-iconfont"
|
|
||||||
aria-hidden="true"
|
|
||||||
></span>
|
|
||||||
<span class="sr-only visually-hidden visually-hidden"
|
|
||||||
>Previous</span
|
|
||||||
>
|
|
||||||
</button>
|
|
||||||
<button class="embla__button embla__button--next">
|
|
||||||
<span
|
|
||||||
class="mobi-mbri mobi-mbri-arrow-next mbr-iconfont"
|
|
||||||
aria-hidden="true"
|
|
||||||
></span>
|
|
||||||
<span class="sr-only visually-hidden visually-hidden">Next</span>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div> -->
|
|
||||||
|
|
||||||
<div class="grid grid-cols-2 gap- mb-56">
|
<div class="grid grid-cols-2 gap- mb-56">
|
||||||
<div class="pr-2">
|
<div class="pr-2">
|
||||||
|
|
@ -1028,5 +748,6 @@
|
||||||
<script src="assets/theme/js/script.js"></script>
|
<script src="assets/theme/js/script.js"></script>
|
||||||
|
|
||||||
<!-- Insert MLH Banner Code Here -->
|
<!-- Insert MLH Banner Code Here -->
|
||||||
|
<a id="mlh-trust-badge" style="display:block;max-width:100px;min-width:60px;position:fixed;right:50px;top:0;width:10%;z-index:10000" href="https://mlh.io/na?utm_source=na-hackathon&utm_medium=TrustBadge&utm_campaign=2025-season&utm_content=red" target="_blank"><img src="https://s3.amazonaws.com/logged-assets/trust-badge/2025/mlh-trust-badge-2025-red.svg" alt="Major League Hacking 2025 Hackathon Season" style="width:100%"></a>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue