ptorrel/JS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Browse Source
This commit is contained in:
Philippe Torrel
2026-07-03 15:30:26 +02:00
parent f0e8aaa79c
commit 1b7f884cc6
837 changed files with 122510 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
webseite-sass-js/index.html
View File

@@ -10,18 +10,71 @@
<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 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/main.js" defer></script>
</head>
<body>
<main>
<!-- header.header-main>.content-box>figure>img[alt="Logo"]+figc{The Donkey Coders} -->
<header class="header-main">
<div class="content-box">
<figure>
<img src="" alt="Logo" />
<figcaption>The Donkey Coders</figcaption>
</figure>
</div>
</header>
<!-- 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</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
<main id="main">
<div class="container py-5">
<h1>Webseite mit SASS</h1>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. A, praesentium! Deleniti quasi laborum saepe,
pariatur ipsam rem nihil ut omnis minus non consequuntur nulla doloribus excepturi qui soluta odit adipisci
minima sunt assumenda repudiandae! Eum recusandae, alias autem illum consequuntur repellat asperiores nesciunt
quo quibusdam! Voluptatibus in nihil facilis quidem. Enim, doloremque eveniet! Suscipit nam labore excepturi
impedit nobis sed facere alias incidunt, velit esse a ipsum minima et quo quasi aperiam voluptates doloribus
beatae unde ipsam porro quas? Veniam aperiam minima voluptatum consequatur hic suscipit modi tenetur cum
saepe, quis quam quaerat alias accusamus possimus? Ratione, rerum. Iusto suscipit vitae earum minus corrupti
expedita aperiam ad dolores, obcaecati cupiditate ipsam minima optio deserunt quia tempora quaerat est commodi
voluptatibus porro. Blanditiis praesentium veniam ea exercitationem cum odio quas consequatur sit nemo commodi
magnam maxime cumque dolor atque recusandae, labore doloribus quam libero eaque ab. Pariatur illum blanditiis
adipisci temporibus deleniti omnis totam labore soluta est repellat? Officia quos vero quis rem ex, non dolor
alias pariatur quia tempora, qui animi inventore magni, sit quod numquam? Repellendus iste magnam facilis,
veniam laboriosam facere animi, iure maiores molestias quidem repudiandae perspiciatis ratione quam blanditiis
dicta eos. A fuga nobis nisi eveniet?
</p>
</div>
</main>
<!-- footer.footer-main>.row>.col*3>h3{Headline}+p{lorem10} -->
<footer class="footer-main">
<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>
</footer>
</body>
</html>