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

Challenges #109

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

Challenges #109

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
3845b4b
Add files via upload
jvalaj Mar 17, 2021
ff2a670
increased height of challenges titles to fit screen
jvalaj Mar 18, 2021
51d7559
changes in size of both pages
jvalaj Mar 18, 2021
b39e447
dropdown fix
jvalaj Apr 5, 2021
3b48781
colour changes
jvalaj Apr 5, 2021
288dbde
fixed small changes
jvalaj Apr 5, 2021
15626ad
size updates and responsivity
jvalaj Apr 12, 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
277 changes: 277 additions & 0 deletions index1.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,277 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<title>Challenges</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
<link rel="stylesheet" href="style.css">
</head>

<body style="background-color: black;">
<nav class="navbar" style="background-color: black;!important">
<!-- Container wrapper -->

<div class="container-fluid" style="background-color: black;!important">
<ul class="navbar-nav mr-auto " style="opacity: 0%;">
<li class="nav-item ">
<a class="btn btn-outline-primary" href="#" >Register</a>
</li>
</ul>
<!-- Left links -->
<ul class="navbar-nav mx-auto ">
<li class="nav-item">
<img src="logo.png" style="max-width: 4rem;">
</li>
</ul>
<ul class="navbar-nav ml-auto ">
<li class="nav-item ">
<a class="btn btn-outline-primary" href="#" style="border-color: #00adef !important;color:#00adef";>Register</a>
</li>
</ul>


<!-- Collapsible wrapper -->
</div>
<!-- Container wrapper -->
</nav>
<div class="container-fluid" style="min-height: 95vh;">
<div class="container-fluid ">
<div class="container-fluid ">
<div class="row ml-5">
<h2 class=" text-light" style="font-size: 5vw;">
NOVACRYPT
</h2>
</div>
<div class="row ml-5">
<h1 class="text-primary" style="font-size: 7vw;">
<strong>
CHALLENGES
</strong>
</h1>
</div>
</div>
</div>
<div class="container-fluid d-flex flex-column align-content-center" style="min-height:50vh">
<div class="row my-auto ">
<div class="col-lg-2 d-flex">
<div class="row d-flex text-primary flex-column">
<div class="col-fluid">
<div class="boxmenu"></div>
</div>
<div class="col-fluid text-center">
<div class="display-6">Biology</div>
</div>
</div>
</div>
<div class="col-lg-2 d-flex">
<div class="row d-flex text-primary flex-column">
<div class="col-fluid">
<div class="boxmenu"></div>
</div>
<div class="col-fluid text-center">
<div class="display-6">Space</div>
</div>
</div>
</div>
<div class="col-lg-2 d-flex">
<div class="row d-flex text-primary flex-column">
<div class="col-fluid">
<div class="boxmenu"></div>
</div>
<div class="col-fluid text-center">
<div class="display-6">Software</div>
</div>
</div>
</div>
<div class="col-lg-2 d-flex">
<div class="row d-flex text-primary flex-column">
<div class="col-fluid">
<div class="boxmenu"></div>
</div>
<div class="col-fluid text-center">
<div class="display-6">Climate</div>
</div>
</div>
</div>
<div class="col-lg-2 d-flex">
<div class="row d-flex text-primary flex-column">
<div class="col-fluid">
<div class="boxmenu"></div>
</div>
<div class="col-fluid text-center">
<div class="display-6">Robotics</div>
</div>
</div>
</div>
<div class="col-lg-2 d-flex">
<div class="row d-flex text-primary flex-column">
<div class="col-fluid">
<div class="boxmenu"></div>
</div>
<div class="col-fluid text-center">
<div class="display-6">Business</div>
</div>
</div>
</div>

</div>
<div class="row my-auto" id="upperrow">
<div class="col-lg-2 d-flex">
<div class="row d-flex text-primary flex-column">
<div class="col-fluid">
<div class="boxmenu"></div>
</div>
<div class="col-fluid text-center">
<div class="display-6">Biology</div>
</div>
</div>
</div>
<div class="col-lg-2 d-flex">
<div class="row d-flex text-primary flex-column">
<div class="col-fluid">
<div class="boxmenu"></div>
</div>
<div class="col-fluid text-center">
<div class="display-6">Space</div>
</div>
</div>
</div>
<div class="col-lg-2 d-flex">
<div class="row d-flex text-primary flex-column">
<div class="col-fluid">
<div class="boxmenu"></div>
</div>
<div class="col-fluid text-center">
<div class="display-6">Software</div>
</div>
</div>
</div>
<div class="col-lg-2 d-flex">
<div class="row d-flex text-primary flex-column">
<div class="col-fluid">
<div class="boxmenu"></div>
</div>
<div class="col-fluid text-center">
<div class="display-6">Climate</div>
</div>
</div>
</div>
<div class="col-lg-2 d-flex">
<div class="row d-flex text-primary flex-column">
<div class="col-fluid">
<div class="boxmenu"></div>
</div>
<div class="col-fluid text-center">
<div class="display-6">Robotics</div>
</div>
</div>
</div>
<div class="col-lg-2 d-flex">
<div class="row d-flex text-primary flex-column">
<div class="col-fluid">
<div class="boxmenu"></div>
</div>
<div class="col-fluid text-center">
<div class="display-6">Business</div>
</div>
</div>
</div>


</div>
</div>
</div>
<div class="line1 mt-3"></div>
<div class="container-fluid" style="min-height:100vh;">
<div class="row-fluid d-flex flex-row ">

<div class="col-1 d-flex justify-content-end" style="min-height:100vh;margin: 0px;padding:0px;">
<div class="v1">
</div>
</div>
<div class="col-11" style="margin: 0px;padding:0px;">
<div class="container-fluid" style="margin: 0px;padding:0px;">
<div class="row-fluid " style="margin: 0px;padding:0px;">
<div class="col-11 d-flex justify-content-end align-items-center mt-5">
<!-- Example single danger button -->
<div class="dropdown">
<button class="btn btn-primary dropdown-toggle" type="button" id="dropdownMenuButton1"
data-bs-toggle="dropdown" aria-expanded="false" style="border-color: #00adef !important;background-color:#00adef">
Dropdown button
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
</ul>
</div>
</div>
<div class="col-fluid d-flex flex-row align-items-center mt-5">
<div class="hl d-none d-sm-block"></div>
<div class="wbox">
<div class="container-fluid">
<div class="row">
<div class="col-lg-9 d-flex align-items-center flex-wrap" >
<div class="container pb-4">

<div class="text-primary display-3" id="titel"><strong>Rover Challenge</strong>
</div>
<div class=" text-light text-wrap" ><h3>
Design a Lunar
Rover that uses In-situ
Resource utilization to…
</h3></div>
</div>
</div>
<div class="col-md-1 d-flex justify-content-end" style="padding:0px !important;margin:0px !important">
<div class="v2"></div>
</div>
<div class="col-lg-2 d-2 col-sm-6 text-center text-wrap text-primary d-flex align-items-center" id="lower">
<div class="container pb-3">

<div class="text-primary"><h2>Deadline</h2></div>

<div class="text-light text-wrap" >January 26th, 8
AM EST</div>

<button type="button" class="btn btn-primary btn-fluid mt-2 " style="color: white;width: 100% !important;">Register</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-fluid d-flex flex-row align-items-center mt-5">
<div class="hl d-none d-sm-block"></div>
<div class="wbox"></div>
</div>
<div class="col-fluid d-flex flex-row align-items-center mt-5">
<div class="hl d-none d-sm-block"></div>
<div class="wbox"></div>
</div>
<div class="col-fluid d-flex flex-row align-items-center mt-5">
<div class="hl d-none d-sm-block"></div>
<div class="wbox"></div>
</div>

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


<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"
integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"
integrity="sha384-+YQ4JLhjyBLPDQt//I+STsc9iw4uQqACwlvpslubQzn4u2UU2UFM80nGisd026JF"
crossorigin="anonymous"></script>

</body>

</html>
70 changes: 70 additions & 0 deletions index2.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,70 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<title>Challenges</title>

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
<link rel="stylesheet" href="style.css">
</head>

<body style="background-color: black;">
<nav class="navbar" style="background-color: black;!important">
<!-- Container wrapper -->

<div class="container-fluid" style="background-color: black;!important">
<ul class="navbar-nav mr-auto " style="opacity: 0%;">
<li class="nav-item ">
<a class="btn btn-outline-primary" href="#">Register</a>
</li>
</ul>
<!-- Left links -->
<ul class="navbar-nav mx-auto ">
<li class="nav-item">
<img src="logo.png" style="max-width: 4rem;">
</li>
</ul>
<ul class="navbar-nav ml-auto ">
<li class="nav-item ">
<a class="btn btn-outline-primary" href="#">Register</a>
</li>
</ul>


<!-- Collapsible wrapper -->
</div>
<!-- Container wrapper -->
</nav>
<div class="container-fluid" style="min-height: 90vh;">
<div class="container-fluid">
<div class="row ml-5">
<h2 class=" text-light" style="font-size: 4vw;">
NOVACRYPT
</h2>
</div>
<div class="row ml-5">
<h1 class="text-primary text-wrap" style="font-size: 7vw;">
<strong>
LUNAR ROVER
CHALLENGE
</strong>
</h1>
</div>
</div>
</div>
<div class="line1"></div>


<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns"
crossorigin="anonymous"></script>

</body>

</html>
Binary file added logo.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading