89 lines
4.5 KiB
HTML
89 lines
4.5 KiB
HTML
<!doctype html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Webseite mit SASS</title>
|
|
<link rel="icon" type="image/png" href="/favicon/favicon-96x96.png" sizes="96x96" />
|
|
<link rel="icon" type="image/svg+xml" href="/favicon/favicon.svg" />
|
|
<link rel="shortcut icon" href="/favicon/favicon.ico" />
|
|
<link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png" />
|
|
<meta name="apple-mobile-web-app-title" content="Donkey-Coder" />
|
|
<link rel="manifest" href="/favicon/site.webmanifest" />
|
|
<!-- <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" /> -->
|
|
<link rel="stylesheet" href="/assets/css/main.css" />
|
|
<script src="/assets/js/build.js" defer></script>
|
|
</head>
|
|
|
|
<body>
|
|
<!-- nav.menu-main>ul.list>li*4>a[href="#"]{Link $} -->
|
|
<nav class="menu-main">
|
|
<ul class="list">
|
|
<li><a href="/">Home</a></li>
|
|
<li>
|
|
<a href="#projects">Projects</a>
|
|
<ul class="sublist">
|
|
<li><a href="/projects/product-manager.html">Product Manager</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="/about.html">About</a></li>
|
|
<li><a href="#">Contact</a></li>
|
|
</ul>
|
|
</nav>
|
|
|
|
<main>
|
|
<div class="container py-5">
|
|
<h1>About us</h1>
|
|
<p>
|
|
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ut, alias architecto tenetur, temporibus at ex
|
|
reprehenderit libero veniam esse quis qui recusandae dolorum consectetur molestias dignissimos dolorem rem
|
|
maxime repudiandae eveniet dolores. Aut error esse eligendi magni alias ducimus eaque, iste laudantium quas
|
|
soluta quasi provident expedita architecto modi dolorem quam voluptatum harum? Nemo, neque velit modi
|
|
accusamus rem, iste reprehenderit minus delectus numquam animi in, adipisci repudiandae tenetur quo possimus
|
|
sed. Sequi hic voluptatum odio ullam velit? Libero dicta nam perferendis quos, totam deserunt dolores, at
|
|
assumenda eligendi repudiandae vel alias nemo molestiae omnis tempore numquam excepturi, reprehenderit eveniet
|
|
deleniti eaque! Aperiam, repellat nostrum! Odio, dicta perspiciatis sapiente ducimus similique voluptatum
|
|
adipisci eligendi vitae corrupti dolorum officiis, veritatis rerum omnis labore sunt suscipit architecto.
|
|
Officia excepturi exercitationem quasi error natus repellendus voluptas facilis incidunt eligendi fuga! Natus
|
|
totam minus, blanditiis quo sint sit cum nesciunt culpa suscipit laborum vitae? At possimus dolorum rem
|
|
recusandae similique vitae soluta modi ad ex vero fugit hic ipsa ipsam doloribus laboriosam deserunt voluptate
|
|
aut quos minima in porro facilis delectus, quaerat nulla. Obcaecati architecto maiores natus delectus enim
|
|
odio magni perferendis necessitatibus, ullam vitae nisi neque aliquam, tempore numquam, consequuntur
|
|
blanditiis dolores. Debitis exercitationem dignissimos aspernatur minima ipsam quis voluptas quasi ipsa
|
|
dolorum, ad facilis corrupti doloribus aut magni distinctio voluptate fugit eos beatae cum culpa omnis
|
|
recusandae quod eligendi assumenda! Eos perferendis nam a deserunt dolore tempore corporis, numquam ut ducimus
|
|
possimus veritatis aperiam maxime quidem. Beatae ad vitae inventore, minus molestiae quam porro a consequuntur
|
|
corrupti. Ducimus deserunt perferendis sit eum maxime labore sed aliquam optio repellat eius vitae, magnam,
|
|
necessitatibus vel fuga provident quibusdam velit culpa dolorem doloribus sint excepturi. Repellat ducimus
|
|
dolorum perferendis? Id similique iusto natus aliquid nesciunt, perferendis exercitationem corrupti maxime, ut
|
|
laudantium at adipisci optio esse.
|
|
</p>
|
|
</div>
|
|
</main>
|
|
|
|
<!-- footer.footer-main>.row>.col*3>h3{Headline}+p{lorem10} -->
|
|
<footer class="footer-main">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col">
|
|
<h3>Address</h3>
|
|
<p>
|
|
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Beatae omnis hic eligendi rem fugiat quo! Autem
|
|
totam maxime itaque earum
|
|
</p>
|
|
</div>
|
|
<div class="col">
|
|
<h3>Social Media</h3>
|
|
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Nisi, earum.</p>
|
|
</div>
|
|
<div class="col">
|
|
<h3>Privacy Policy</h3>
|
|
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet, porro!</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
</body>
|
|
</html>
|