mirror of
https://gitlab.com/redline-racing-division/redline-racing-website.git
synced 2025-07-25 07:31:50 +00:00
complete redo
This commit is contained in:
462
index.html
462
index.html
@@ -1,112 +1,95 @@
|
||||
<!DOCTYPE html>
|
||||
<!--
|
||||
Solid State by HTML5 UP
|
||||
html5up.net | @ajlkn
|
||||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
-->
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Redline Racing</title>
|
||||
<meta
|
||||
name="Description"
|
||||
content="Redline Racing Division is a FSAE team at Embry-Riddle Aeronautical University in Prescott, AZ."
|
||||
/>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<link rel="stylesheet" href="assets/css/main.css" />
|
||||
<noscript>
|
||||
<link rel="stylesheet" href="assets/css/noscript.css"
|
||||
/></noscript>
|
||||
<!-- Favicon magic stuff -->
|
||||
<link
|
||||
rel="apple-touch-icon"
|
||||
sizes="180x180"
|
||||
href="./images/icons/apple-touch-icon.png"
|
||||
/>
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/png"
|
||||
sizes="32x32"
|
||||
href="./images/icons/favicon-32x32.png"
|
||||
/>
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/png"
|
||||
sizes="16x16"
|
||||
href="./images/icons/favicon-16x16.png"
|
||||
/>
|
||||
<link rel="manifest" href="./images/icons/site.webmanifest" />
|
||||
<link
|
||||
rel="mask-icon"
|
||||
href="./images/icons/safari-pinned-tab.svg"
|
||||
color="#d55b5b"
|
||||
/>
|
||||
<link rel="shortcut icon" href="./images/icons/favicon.ico" />
|
||||
<meta name="msapplication-TileColor" content="#b91d47" />
|
||||
<meta
|
||||
name="msapplication-config"
|
||||
content="./images/icons/browserconfig.xml"
|
||||
name="viewport"
|
||||
content="width=device-width, initial-scale=1, shrink-to-fit=no"
|
||||
/>
|
||||
<meta name="theme-color" content="#ffffff" />
|
||||
<!-- End of the facicon magic stuff -->
|
||||
<meta name="description" content="" />
|
||||
<meta name="author" content="" />
|
||||
|
||||
<title>Redline Racing Division</title>
|
||||
|
||||
<!-- Bootstrap core CSS -->
|
||||
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
|
||||
|
||||
<!-- Custom fonts for this template -->
|
||||
<link
|
||||
href="https://fonts.googleapis.com/css?family=Catamaran:100,200,300,400,500,600,700,800,900"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<link
|
||||
href="https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
|
||||
<!-- Custom styles for this template -->
|
||||
<link href="css/one-page-wonder.css" rel="stylesheet" />
|
||||
</head>
|
||||
|
||||
<body class="is-preload">
|
||||
<!-- Page Wrapper -->
|
||||
<div id="page-wrapper">
|
||||
<!-- Header -->
|
||||
<header id="header" class="alt">
|
||||
<h1><a href="index.html">Redline Racing Division</a></h1>
|
||||
<nav>
|
||||
<a href="#menu">Menu</a>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<!-- Menu -->
|
||||
<nav id="menu">
|
||||
<div class="inner">
|
||||
<h2>Menu</h2>
|
||||
<ul class="links">
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="donate.html">Donate</a></li>
|
||||
<!-- <li><a href="sponsors.html">Sponsors</a></li> -->
|
||||
<!-- <li><a href="elements.html">Elements</a></li>
|
||||
<li><a href="#">Log In</a></li>
|
||||
<li><a href="#">Sign Up</a></li> -->
|
||||
</ul>
|
||||
<a href="#" class="close">Close</a>
|
||||
<body>
|
||||
<!-- Navigation -->
|
||||
<nav class="navbar navbar-expand-lg navbar-dark navbar-custom fixed-top">
|
||||
<div class="container">
|
||||
<a class="navbar-brand" href="#">Redline Racing</a>
|
||||
<button
|
||||
class="navbar-toggler"
|
||||
type="button"
|
||||
data-toggle="collapse"
|
||||
data-target="#navbarResponsive"
|
||||
aria-controls="navbarResponsive"
|
||||
aria-expanded="false"
|
||||
aria-label="Toggle navigation"
|
||||
>
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarResponsive">
|
||||
<!-- <ul class="navbar-nav ml-auto">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">Sign Up</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">Log In</a>
|
||||
</li>
|
||||
</ul> -->
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- -->
|
||||
<!-- END OF HEADER -->
|
||||
<!-- -->
|
||||
<header class="masthead text-center text-white">
|
||||
<div class="masthead-content">
|
||||
<div class="image">
|
||||
<img
|
||||
src="img/RRDLogoTrans.png"
|
||||
class="img-fluid"
|
||||
style="width: 50%;"
|
||||
alt="Redline Racing Division Logo"
|
||||
/>
|
||||
<!-- <h1 class="masthead-heading mb-0">Redline Racing Division</h1>
|
||||
<h2 class="masthead-subheading mb-0">FSAE</h2> -->
|
||||
<!-- <a href="#" class="btn btn-primary btn-xl rounded-pill mt-5"
|
||||
>Learn More</a
|
||||
> -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="bg-circle-1 bg-circle"></div>
|
||||
<div class="bg-circle-2 bg-circle"></div>
|
||||
<div class="bg-circle-3 bg-circle"></div>
|
||||
<div class="bg-circle-4 bg-circle"></div> -->
|
||||
</header>
|
||||
|
||||
<!-- Banner -->
|
||||
<section id="banner">
|
||||
<div class="inner">
|
||||
<div class="logo">
|
||||
<img
|
||||
src="./images/redline.webp"
|
||||
style="width: 80%; margin: 10%"
|
||||
alt="Redline Racing Division - Formula SAE"
|
||||
/>
|
||||
<section>
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-lg-6 order-lg-2">
|
||||
<div class="p-5">
|
||||
<img class="img-fluid rounded-circle" src="img/car.jpg" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Wrapper -->
|
||||
<section id="wrapper">
|
||||
<!-- One -->
|
||||
<section id="one" class="wrapper spotlight style1">
|
||||
<div class="inner">
|
||||
<a href="#" class="image"
|
||||
><img
|
||||
src="images\car.jpg"
|
||||
alt="Embry-Riddle Daytona Beach FSAE car."
|
||||
/></a>
|
||||
<div class="content">
|
||||
<h2 class="major">About Us</h2>
|
||||
<div class="col-lg-6 order-lg-1">
|
||||
<div class="p-5">
|
||||
<h2 class="display-4">About Us</h2>
|
||||
<p>
|
||||
We are Redline Racing, a student-run Formula SAE (Society of
|
||||
Automotive Engineers) team. We strive to compete with teams from
|
||||
@@ -116,19 +99,27 @@
|
||||
sponsors and our personal engineering expertise, we believe that
|
||||
we can be one of the most accomplished Formula SAE teams.
|
||||
</p>
|
||||
<a href="donate.html" class="special">Support Our Team</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Two -->
|
||||
<section id="two" class="wrapper alt spotlight style2">
|
||||
<div class="inner">
|
||||
<a href="#" class="image"
|
||||
><img src="images\saeint.png" alt="SAE Internation Logo"
|
||||
/></a>
|
||||
<div class="content">
|
||||
<h2 class="major">About Formula SAE</h2>
|
||||
<section>
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-lg-6">
|
||||
<div class="p-5">
|
||||
<img
|
||||
class="img-fluid rounded-circle"
|
||||
src="img/saeint.png"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="p-5">
|
||||
<h2 class="display-4">About Formula SAE</h2>
|
||||
<p>
|
||||
Every year, SAE International hosts multiple Formula and other
|
||||
vehicle category competitions around the world, allowing
|
||||
@@ -137,21 +128,27 @@
|
||||
automotive design competition, with approximately 400 teams
|
||||
competing every year.
|
||||
</p>
|
||||
<!-- <a href="#" class="special">Learn more</a> -->
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Three -->
|
||||
<section id="three" class="wrapper spotlight style3">
|
||||
<div class="inner">
|
||||
<a href="#" class="image"
|
||||
><img
|
||||
src="images/saeEvent-min.jpg"
|
||||
alt="Image of cars and people at an SAE event."
|
||||
/></a>
|
||||
<div class="content">
|
||||
<h2 class="major">About the Competition</h2>
|
||||
<section>
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-lg-6 order-lg-2">
|
||||
<div class="p-5">
|
||||
<img
|
||||
class="img-fluid rounded-circle"
|
||||
src="img/saeEvent-min.jpg"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 order-lg-1">
|
||||
<div class="p-5">
|
||||
<h2 class="display-4">About the Competition</h2>
|
||||
<p>
|
||||
The Formula SAE competition takes place in multiple locations
|
||||
across the United States and the world. The Competition offers
|
||||
@@ -164,132 +161,113 @@
|
||||
make Formula SAE one of the most difficult and complex student
|
||||
design competitions.
|
||||
</p>
|
||||
<a
|
||||
href="https://www.sae.org/attend/student-events/"
|
||||
class="special"
|
||||
>More Info on Student Events
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Four
|
||||
<section id="four" class="wrapper alt style1">
|
||||
<div class="inner">
|
||||
<h2 class="major">Vitae phasellus</h2>
|
||||
<p>Cras mattis ante fermentum, malesuada neque vitae, eleifend erat. Phasellus non pulvinar erat.
|
||||
Fusce tincidunt, nisl eget mattis egestas, purus ipsum consequat orci, sit amet lobortis lorem
|
||||
lacus in tellus. Sed ac elementum arcu. Quisque placerat auctor laoreet.</p>
|
||||
<section class="features">
|
||||
<article>
|
||||
<a href="#" class="image"><img src="images/pic04.jpg" alt="" /></a>
|
||||
<h3 class="major">Sed feugiat lorem</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus
|
||||
ultrices.</p>
|
||||
<a href="#" class="special">Learn more</a>
|
||||
</article>
|
||||
<article>
|
||||
<a href="#" class="image"><img src="images/pic05.jpg" alt="" /></a>
|
||||
<h3 class="major">Nisl placerat</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus
|
||||
ultrices.</p>
|
||||
<a href="#" class="special">Learn more</a>
|
||||
</article>
|
||||
<article>
|
||||
<a href="#" class="image"><img src="images/pic06.jpg" alt="" /></a>
|
||||
<h3 class="major">Ante fermentum</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus
|
||||
ultrices.</p>
|
||||
<a href="#" class="special">Learn more</a>
|
||||
</article>
|
||||
<article>
|
||||
<a href="#" class="image"><img src="images/pic07.jpg" alt="" /></a>
|
||||
<h3 class="major">Fusce consequat</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus
|
||||
ultrices.</p>
|
||||
<a href="#" class="special">Learn more</a>
|
||||
</article>
|
||||
</section>
|
||||
<ul class="actions">
|
||||
<li><a href="#" class="button">Browse All</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>-->
|
||||
</section>
|
||||
|
||||
<!-- -->
|
||||
<!-- Start of Footer -->
|
||||
<!-- -->
|
||||
|
||||
<section id="footer">
|
||||
<div class="inner">
|
||||
<h2 class="major">Get in touch</h2>
|
||||
<p>
|
||||
Feel free to reach out to us using the form below for General
|
||||
Inquiries.
|
||||
</p>
|
||||
<form method="post" action="#">
|
||||
<div class="fields">
|
||||
<div class="field">
|
||||
<label for="name">Name</label>
|
||||
<input type="text" name="name" id="name" />
|
||||
</div>
|
||||
<div class="field">
|
||||
<label for="email">Email</label>
|
||||
<input type="email" name="email" id="email" />
|
||||
</div>
|
||||
<!-- <div class="field">
|
||||
<label for="reason">Reason For Inquiry</label>
|
||||
<select name="reason" id="reason">
|
||||
<option value="">-</option>
|
||||
<option value="1">General</option>
|
||||
<option value="1">Sponsorship</option>
|
||||
<option value="1">Donation</option>
|
||||
<option value="1">Recruiting</option>
|
||||
</select>
|
||||
</div> -->
|
||||
<div class="field">
|
||||
<label for="message">Message</label>
|
||||
<textarea name="message" id="message" rows="4"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="actions">
|
||||
<li><input type="submit" value="Send Message" /></li>
|
||||
</ul>
|
||||
</form>
|
||||
<ul class="contact">
|
||||
<li class="icon solid fa-home">
|
||||
Embry-Riddle Aeronautical University<br />
|
||||
Prescott, AZ
|
||||
</li>
|
||||
<!-- <li class="icon solid fa-phone">(000) 000-0000</li>
|
||||
<li class="icon solid fa-envelope">
|
||||
<a href="#">information@untitled.tld</a>
|
||||
</li>
|
||||
<li class="icon brands fa-twitter">
|
||||
<a href="#">twitter.com/untitled-tld</a>
|
||||
</li>
|
||||
<li class="icon brands fa-facebook-f">
|
||||
<a href="#">facebook.com/untitled-tld</a>
|
||||
</li> -->
|
||||
<li class="icon brands fa-instagram">
|
||||
<a href="https://www.instagram.com/eraurrd/">Instagram</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="copyright">
|
||||
<li>© Redline Racing Division. All rights reserved.</li>
|
||||
<li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Scripts -->
|
||||
<script src="assets/js/jquery.min.js"></script>
|
||||
<script src="assets/js/jquery.scrollex.min.js"></script>
|
||||
<script src="assets/js/browser.min.js"></script>
|
||||
<script src="assets/js/breakpoints.min.js"></script>
|
||||
<script src="assets/js/util.js"></script>
|
||||
<script src="assets/js/main.js"></script>
|
||||
<section>
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-6 order-lg-1">
|
||||
<div class="p-5">
|
||||
<form action="https://formspree.io/moqqagwk" method="POST">
|
||||
<div class="form-row">
|
||||
<div class="form-group col-md-6">
|
||||
<label for="Email">Email address</label>
|
||||
<input
|
||||
type="email"
|
||||
name="_replyto"
|
||||
class="form-control"
|
||||
id="InputEmail"
|
||||
aria-describedby="emailHelp"
|
||||
placeholder="Enter email"
|
||||
/>
|
||||
<small id="emailHelp" class="form-text text-muted"
|
||||
>We'll never share your email.</small
|
||||
>
|
||||
</div>
|
||||
<div class="form-group col-md-6">
|
||||
<label for="fullName">Full Name</label>
|
||||
<input
|
||||
type="Name"
|
||||
class="form-control"
|
||||
id="fullName"
|
||||
placeholder="First Last"
|
||||
/>
|
||||
</div>
|
||||
<div class="form-group col-md-12">
|
||||
<label for="message">Message</label>
|
||||
<textarea
|
||||
class="form-control"
|
||||
id="exampleFormControlTextarea1"
|
||||
rows="3"
|
||||
placeholder="Enter your message here."
|
||||
></textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button type="submit" class="btn btn-primary">
|
||||
Send Message
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 order-lg-2">
|
||||
<div class="p-5">
|
||||
<h2 class="display-4">Contact Us</h2>
|
||||
|
||||
<p></p>
|
||||
|
||||
<!-- <li class="icon solid fa-phone">(000) 000-0000</li>
|
||||
<li class="icon solid fa-envelope">
|
||||
<a href="#">information@untitled.tld</a>
|
||||
</li>
|
||||
<li class="icon brands fa-twitter">
|
||||
<a href="#">twitter.com/untitled-tld</a>
|
||||
</li>
|
||||
<li class="icon brands fa-facebook-f">
|
||||
<a href="#">facebook.com/untitled-tld</a>
|
||||
</li> -->
|
||||
|
||||
<ul class="list-group">
|
||||
<!-- Icons from feathericons.com -->
|
||||
<li class="list-group-item">
|
||||
<img src="img/map.svg" /> Embry-Riddle Aeronautical
|
||||
University, Prescott, AZ
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<a href="https://www.instagram.com/eraurrd/"
|
||||
><img src="img/instagram.svg" /> Instagram</a
|
||||
>
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<a href="mailto:contact@redlineracingdivision.com"
|
||||
><img src="img/mail.svg" />
|
||||
contact@redlineracingdivision.com</a
|
||||
>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer class="py-5 bg-black">
|
||||
<div class="container">
|
||||
<p class="m-0 text-center text-white small">
|
||||
Copyright © Redline Racing Division 2019
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<!-- /.container -->
|
||||
</footer>
|
||||
|
||||
<!-- Bootstrap core JavaScript -->
|
||||
<script src="vendor/jquery/jquery.min.js"></script>
|
||||
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user