Skip to content

Commit

Permalink
sponsors.html: Add sponsors page
Browse files Browse the repository at this point in the history
  • Loading branch information
cbrxyz committed Oct 5, 2024
1 parent 5a1e274 commit 481ceb3
Showing 1 changed file with 160 additions and 0 deletions.
160 changes: 160 additions & 0 deletions sponsors.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,160 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>NaviGator AMS</title>
<meta content="NaviGator AMS" property="og:title" />
<meta content="NaviGator AMS is a set of maritime vehicles built by students in the Machine Intelligence Laboratory (MIL) at the University of Florida (UF) for the Maritime RobotX competition." property="og:description" />
<meta content="https://navigatoruf.org" property="og:url" />
<meta content="https://navigatoruf.org/assets/hawaii_resting.jpg" property="og:image" />
<meta name="twitter:card" content="summary_large_image">
<meta content="#FA4616" data-react-helmet="true" name="theme-color" />
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap" rel="stylesheet"> <!-- Inter font used in the figma -->
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-gray-300" style="font-family: 'Inter', sans-serif;">

<!-- Header Section -->
<div class="relative">
<header class="relative h-[500px] bg-cover bg-center" style="background-image: url('./assets/hawaii_resting.jpg'); ; background-color: rgba(0, 0, 0, 0.5); background-blend-mode: darken;">
<nav class="absolute top-0 left-0 w-full p-6 flex justify-between items-center">
<div>
<img src="./assets/logo.png" alt="NaviGator AMS Logo" class="h-10">
</div>
<ul class="flex space-x-6 z-20">
<li><a href="index.html" class="text-white rounded-md px-1.5 py-1 hover:text-black hover:bg-gray-200 transition-all duration-300">Home</a></li>
<li><a href="team.html" class="text-white rounded-md px-1.5 py-1 hover:text-black hover:bg-gray-200 transition-all duration-300">Team</a></li>
<li><a href="vehicle.html" class="text-white rounded-md px-1.5 py-1 hover:text-black hover:bg-gray-200 transition-all duration-300">Vehicle</a></li>
<li><a href="#" class="text-white rounded-md px-1.5 py-1 hover:text-black hover:bg-gray-200 transition-all duration-300">Sponsors</a></li>
<li><a href="photos.html" class="text-white rounded-md px-1.5 py-1 hover:text-black hover:bg-gray-200 transition-all duration-300">Photos</a></li>
</ul>
</nav>

<div class="absolute inset-0 flex flex-col justify-center items-center text-white">
<h1 class="text-7xl font-bold">Sponsors</h1>
</div>
</header>
</div>

<!-- Diamond Sponsors -->
<section class="container mx-auto py-12">
<h2 class="text-4xl font-bold text-center">Diamond Sponsors</h2>
<div class="flex flex-wrap justify-center gap-6 mt-8">
<div class="bg-blue-100 rounded-md p-6 shadow-md w-full md:w-[calc(50%-1.5rem)] lg:w-[calc(33.33%-1.5rem)]">
<a target="_blank" rel="noopener noreferrer" href="https://l3harris.com">
<img src="https://upload.wikimedia.org/wikipedia/en/thumb/2/23/L3Harris_Technologies_logo.svg/1280px-L3Harris_Technologies_logo.svg.png" alt="L3 Harris Logo" class="h-20 mx-auto">
<h3 class="text-xl font-bold text-center mt-4">L3Harris Technologies</h3>
<p class="text-center mt-2">L3Harris Technologies is an agile global aerospace and defense technology innovator, delivering end-to-end solutions that meet customers' mission-critical needs. The company provides advanced defense and commercial technologies across air, land, sea, space and cyber domains.</p>
</a>
</div>
<div class="bg-blue-100 rounded-md p-6 shadow-md w-full md:w-[calc(50%-1.5rem)] lg:w-[calc(33.33%-1.5rem)]">
<a target="_blank" rel="noopener noreferrer" href="https://sylphase.com">
<img src="https://store.sylphase.com/static/sylphase.png" alt="Sylphase" class="h-20 mx-auto">
<h3 class="text-xl font-bold text-center mt-4">Sylphase</h3>
<p class="text-center mt-2">Sylphase LLC designs extensible GNSS/INS systems for industrial and academic applications. Our GNSS/INS technology fuses satellite navigation observables with inertial sensor measurements into an optimal estimate of your platform's position, velocity, and attitude.</p>
</a>
</div>
<div class="bg-blue-100 rounded-md p-6 shadow-md w-full md:w-[calc(50%-1.5rem)] lg:w-[calc(33.33%-1.5rem)]">
<img src="https://mil.ufl.edu/sponsors/Erik.png" alt="Erik de la Iglesia" class="h-20 mx-auto">
<h3 class="text-xl font-bold text-center mt-4">Erik de la Iglesia</h3>
<p class="text-center mt-2">Erik de la Iglesia is a MIL alumnus who graduated with his BS from the University of Florida in 1996 and his MS from Stanford University in 1997.</p>
</div>
</div>
</section>

<!-- Platinum Sponsors -->
<section class="container mx-auto pb-6">
<h2 class="text-4xl font-bold text-center">Platinum Sponsors</h2>
<div class="flex flex-wrap justify-center gap-6 mt-8">
<div class="bg-gray-100 rounded-md p-6 shadow-md w-full md:w-[calc(50%-1.5rem)] lg:w-[calc(33.33%-1.5rem)]">
<a target="_blank" rel="noopener noreferrer" href="https://jd2.com">
<img src="http://mil.ufl.edu/sponsors/JD-squared-transparent.png" alt="JD2 Logo" class="h-20 mx-auto">
<h3 class="text-xl font-bold text-center mt-4">JD Squared</h3>
<p class="text-center mt-2">JD Squared, Inc. is a national manufacturer of high-quality, affordable tube and pipe benders and notchers.</p>
</a>
</div>
</div>
</section>

<!-- Gold Sponsors -->
<section class="container mx-auto pb-6">
<h2 class="text-4xl font-bold text-center">Gold Sponsors</h2>
<div class="flex flex-wrap justify-center gap-6 mt-8">
<div class="bg-yellow-50 rounded-md p-6 shadow-md w-full md:w-[calc(50%-1.5rem)] lg:w-[calc(33.33%-1.5rem)]">
<a target="_blank" rel="noopener noreferrer" href="https://ti.com">
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c5/Ti_stk_2c_pos_rgb.svg/1024px-Ti_stk_2c_pos_rgb.svg.png" alt="Texas Instruments Logo" class="h-20 mx-auto">
<h3 class="text-xl font-bold text-center mt-4">Texas Instruments</h3>
<p class="text-center mt-2">Texas Instruments is a company passionate about making a better world through making electronics more affordable through semiconductors. Texas Instruments plays a significant role in the manufacturing and distribution of sensors, solar panels, satellites, industrial robots, and so much more.</p>
</a>
</div>
<div class="bg-yellow-50 rounded-md p-6 shadow-md w-full md:w-[calc(50%-1.5rem)] lg:w-[calc(33.33%-1.5rem)]">
<a target="_blank" rel="noopener noreferrer" href="https://ece.ufl.edu">
<img src="https://www.ece.ufl.edu/wp-content/uploads/pub/identity/ECELogo2022_trans.png" alt="ECE Logo" class="h-20 mx-auto">
<h3 class="text-xl font-bold text-center mt-4">Electrical and Computer Engineering Dept., University of Florida</h3>
<p class="text-center mt-2">The Electrical and Computer Engineering (ECE) Department at the University of Florida (UF) has pursued research, discoveries, and technologies that empower and touch lives everywhere by developing the best workforce in electrical and computer engineering in the state of Florida and for all the nation.</p>
</a>
</div>
<div class="bg-yellow-50 rounded-md p-6 shadow-md w-full md:w-[calc(50%-1.5rem)] lg:w-[calc(33.33%-1.5rem)]">
<a target="_blank" rel="noopener noreferrer" href="https://mae.ufl.edu">
<img src="https://mil.ufl.edu/sponsors/MAE_logo.png" alt="MAE Logo" class="h-20 mx-auto">
<h3 class="text-xl font-bold text-center mt-4">Mechanical and Aerospace Engineering Dept., University of Florida</h3>
<p class="text-center mt-2">The Mechanical and Aerospace Engineering Department (MAE) at the University of Florida (UF) aims to shape the future of our fields and to inspire a new era of engineering possibilities, creating a better world for all.</p>
</a>
</div>
</div>
</section>

<!-- Silver Sponsors -->
<section class="container mx-auto pb-6">
<h2 class="text-4xl font-bold text-center">Silver Sponsors</h2>
<div class="flex flex-wrap justify-center gap-6 mt-8">
<div class="bg-gray-50 rounded-md p-6 shadow-md w-full md:w-[calc(50%-1.5rem)] lg:w-[calc(33.33%-1.5rem)]">
<a target="_blank" rel="noopener noreferrer" href="https://www.solidworks.com">
<img src="https://upload.wikimedia.org/wikipedia/en/thumb/d/d2/SolidWorks_Logo.svg/1024px-SolidWorks_Logo.svg.png" alt="SolidWorks Logo" class="h-20 mx-auto">
<h3 class="text-xl font-bold text-center mt-4">SolidWorks</h3>
<p class="text-center mt-2">SolidWorks is a 3D CAD design software company that offers tools for creating, simulating, publishing, and managing data. SolidWorks supports a 3D CAD software on every engineer's desktop.</p>
</a>
</div>
<div class="bg-gray-50 rounded-md p-6 shadow-md w-full md:w-[calc(50%-1.5rem)] lg:w-[calc(33.33%-1.5rem)]">
<a target="_blank" rel="noopener noreferrer" href="https://eng.ufl.edu">
<img src="https://www.eng.ufl.edu/marcom-dev/wp-content/uploads/sites/175/2023/10/Herbert-Wertheim-COE-rgb.png" alt="UF HWCOE Logo" class="h-20 mx-auto">
<h3 class="text-xl font-bold text-center mt-4">Herbert Wertheim College of Engineering, University of Florida</h3>
<p class="text-center mt-2">The Herbert Wertheim College of Engineering (HWCOE) at the University of Florida is dedicated to improving the social and economic well-being of the world, the nation, and the state of Florida through its engineering education, research, and service programs.</p>
</a>
</div>
</div>
</section>

<!-- Bronze Sponsors -->
<section class="container mx-auto mb-12">
<h2 class="text-4xl font-bold text-center">Bronze Sponsors</h2>
<div class="flex flex-wrap justify-center gap-6 mt-8">
<div class="bg-rose-50 rounded-md p-6 shadow-md w-full md:w-[calc(25%-1.5rem)] lg:w-[calc(25%-1.5rem)]">
<a target="_blank" rel="noopener noreferrer" href="https://www.digikey.com">
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/59/DigiKey_logo.svg/1280px-DigiKey_logo.svg.png" alt="DigiKey Logo" class="h-10 mx-auto">
</a>
</div>
<div class="bg-rose-50 rounded-md p-6 shadow-md w-full md:w-[calc(25%-1.5rem)] lg:w-[calc(25%-1.5rem)]">
<a target="_blank" rel="noopener noreferrer" href="https://www.apple.com">
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/fa/Apple_logo_black.svg/833px-Apple_logo_black.svg.png" alt="Apple Logo" class="h-10 mx-auto">
</a>
</div>
<div class="bg-rose-50 rounded-md p-6 shadow-md w-full md:w-[calc(25%-1.5rem)] lg:w-[calc(25%-1.5rem)]">
<a target="_blank" rel="noopener noreferrer" href="https://www.qualcomm.com">
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/fc/Qualcomm-Logo.svg/1024px-Qualcomm-Logo.svg.png" alt="Apple Logo" class="h-10 mx-auto">
</a>
</div>
<div class="bg-rose-50 rounded-md p-6 shadow-md w-full md:w-[calc(25%-1.5rem)] lg:w-[calc(25%-1.5rem)]">
<p class="h-10 text-xl mx-auto text-center">Kevin Phillipson, MIL Alumnus</p>
</div>
<div class="bg-rose-50 rounded-md p-6 shadow-md w-full md:w-[calc(25%-1.5rem)] lg:w-[calc(25%-1.5rem)]">
<p class="h-10 text-xl mx-auto text-center">Edward Khallal, MIL Alumnus</p>
</div>
<div class="bg-rose-50 rounded-md p-6 shadow-md w-full md:w-[calc(25%-1.5rem)] lg:w-[calc(25%-1.5rem)]">
<p class="h-10 text-xl mx-auto text-center">Jake Panikulam, MIL Alumnus</p>
</div>
</div>
</section>
</body>
</html>

0 comments on commit 481ceb3

Please sign in to comment.