Select Git revision
Code owners
Assign users and groups as approvers for specific file changes. Learn more.
index.html 6.70 KiB
<!DOCTYPE html>
<html lang="de">
<head>
<title>NASA</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="functions.js"></script>
<script src="https://kit.fontawesome.com/yourcode.js" crossorigin="anonymous"></script>
<link rel="stylesheet" type="text/css" href="styles.css" />
</head>
<body>
<header>
<img class="nasa-img" src="img/nasa.png" />
<nav>
<ul class="top-nav">
<li><a href="#">Missions</a></li>
<li><a href="#">Galleries</a></li>
<li><a href="#">NASA TV</a></li>
<li><a href="#">Follow NASA</a></li>
<li><a href="#">Downloads</a></li>
<li><a href="#">About</a></li>
<li><a href="#">NASA Audiences</a></li>
<li>
<form class="search-form" method="post" accept-charset="UTF-8">
<input type="search" placeholder="Search" />
<input type="button" />
</form>
</li>
<li><img src="img/share_icon.png" /></li>
</ul>
<ul class="center-nav">
<li><a href="#">International Space Station</a></li>
<li><a href="#">Journey to Mars</a></li>
<li><a href="#">Earth</a></li>
<li><a href="#">Technology</a></li>
<li><a href="#">Aeronautics</a></li>
<li><a href="#">Solar System and Beyond</a></li>
<li><a href="#">Education</a></li>
<li><a href="#">History</a></li>
<li><a href="#">Benefits to You</a></li>
</ul>
</nav>
</header>
<main>
<article class="content-large">
<div>
<div class="article-content-container">
<a class="article-link" href="#"></a>
<img class="article-image" src="img/astronaut_landing.jpg" />
<div class="article-content">
<div class="news-headline">
<h3>Space Station</h3>
<h2>Expedition 48 Crew Lands Safely on Earth</h2>
</div>
<div class="camera-triangle"></div>
<img class="camera-img" src="img/camera.png" />
</div>
</div>
</div>
</article>
<article class="content-small">
<div>
<div class="article-content-container">
<a class="article-link" href="#"></a>
<div class="article-content">
<div class="nasa-events-container">
<div class="nasa-events-top">
<p class="nasa-events-title">NASA Events</p>
<div class="line"></div>
<a class="news" href="#">Wednesday, Sept. 7: OSIRIS-REx Science and Engineering Talk (12 p.m. EDT), Asteroid Panel Discussion (1 p.m. EDT), NASA TV</a>
<a class="news" href="#">Thursday, Sept. 8: Launch of OSIRIS-REx, 7:05 p.m. EDT</a>
<a class="news" href="#">Registration Open: NASA Social GOES-R Weather Satellite Launch, Nov. 3-4 at Cape Canaveral</a>
</div>
<div class="nasa-events-bottom">
<div class="line"></div>
<div class="nasa-events-bottom-horizontal">
<a href="#">Calendar</a>
<a href="#">Launches and Landings</a>
</div>
</div>
</div>
</div>
</div>
</div>
</article>
<article class="content-small">
<div>
<div class="article-content-container">
<a class="article-link" href="#"></a>
<img class="article-image" src="img/astronaut.jpg"></img>
<div class="article-content">
<div class="overlay">
<h4>Expedition 48</h4>
<h4>NASA's Record-braking Astronaut Crewmates Safely Return to Earth</h4>
</div>
</div>
</div>
</div>
</article>
<article class="content-medium">
<div>
<div class="article-content-container">
<a class="article-link" href="#"></a>
<img class="article-image" src="img/astronaut.jpg"></img>
<div class="article-content">
</div>
</div>
</div>
</article>
<article class="content-small">
<div>
<div class="article-content-container">
<a class="article-link" href="#"></a>
<img class="article-image" src="img/astronaut.jpg"></img>
<div class="article-content">
</div>
</div>
</div>
</article>
<article class="content-medium">
<div> <div class="article-content-container">
<a class="article-link" href="#"></a>
<img class="article-image" src="img/astronaut.jpg"></img>
<div class="article-content">
</div>
</div>
</div>
</article>
<article class="content-small">
<div>
<div class="article-content-container">
<a class="article-link" href="#"></a>
<img class="article-image" src="img/astronaut.jpg"></img>
<div class="article-content">
</div>
</div>
</div>
</article>
</section>
</body>
</html>