Commit 2f9da220 authored by Dennis Schoepf's avatar Dennis Schoepf
Browse files

Create html structure

parents
node_modules
dist
.cache
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="./styles/main.scss" rel="stylesheet" />
<title>Alex Mayer</title>
</head>
<body>
<header>
<nav>
<h1>Alex Mayer</h1>
<ul>
<li><a href="/">Start</a></li>
<li><a href="/">Leistungen</a></li>
<li><a href="/">Blog</a></li>
<li><a href="/">Über Mich</a></li>
<li><a href="/">Kontakt</a></li>
</ul>
</nav>
<section id="hero">
<h2>Glänzende Ideen für leuchtende Augen</h2><button>Angebot einholen</button>
</section>
</header>
<main>
<section id="services">
<h2>Leistungen</h2>
<ul>
<li><a href="/"><h3>Design</h3></a></li>
<li><a href="/"><h3>Strategie</h3></a></li>
<li><a href="/"><h3>Consulting</h3></a></li>
</ul>
</section>
<section id="news">
<h2>News</h2>
<ul>
<li><a href="/">365 Postkarten</a>- Eine Liebeserklärung für jeden Tag!<a href="/">[mehr erfahren]</a></li>
<li><a href="/">Award Nominierung</a>- Tolle News: Ich bin bei der Endauswahl 2020!<a href="/">[mehr erfahren]</a></li>
<li><a href="/">CMYK erklärt</a>- Der neueste <a href="/">Blog</a>-Eintrag<a href="/">[mehr erfahren]</a></li>
</ul>
</section>
<section id="references">
<ul>
<li>
<blockquote>Alex' Redesign hat maßgeblich mitgeholfen, unseren Umsatz um 20% in die Höhe zu treiben!<cite>Tina Ubuntu, CEO Headless Ltd.</cite></blockquote>
</li>
<li>
<blockquote>Große Webkunst - Keine Kunst mit Alex Mayer!<cite>Tom Herzog, Cutter's Finest</cite></blockquote>
</li>
<li>
<blockquote>Das Store-Konzept von Alex Mayer hat unsere größten Erwartungen übertroffen.<cite>Vorstand Müller AG<br>KR Ernst Anker, Dr. Florian Eisner</cite></blockquote>
</li>
</ul>
</section>
</main>
<footer>
<small>© Alex Mayer 2020</small>
<nav>
<ul>
<li><a href="/">Impressum</a></li>
<li><a href="/">Datenschutzerklärung</a></li>
</ul>
</nav>
<p>Demo-Wordpress-Seite im Rahmen der LV ‚Content Mangagement Systeme‘ an der FH Salzburg
von Dennis Schöpf und Maximilian Schmitt</p>
<p>Alle Inhalte frei erfunden</p>
<p>Bildnachweis</p>
<h5>Fotos</h5>
<ul>
<li>Herofoto Tastatur: Aman Anderson, http://de.freeimages.com/photo/illuminated-keyboard-124228</li>
<li>Foto Dina Meyer by Dreifachaxel [CC BY-SA 4.0 (https://creativecommons.org/licenses/by-sa/4.0)], from Wikimedia
Commons</li>
<li>Foto Thomas Meyer-Hermann By Thomas Meyer-Hermann (Thomas Meyer-Hermann) [GFDL (http://www.gnu.org/
copyleft/fdl.html), CC BY-SA 3.0 (https://creativecommons.org/licenses/by-sa/3.0) or CC BY-SA 3.0 de (https://creativecommons.org/licenses/by-sa/3.0/de/deed.en)], via Wikimedia Commons https://upload.wikimedia.org/wikipedia/
commons/thumb/c/c6/Thomas_Meyer-Hermann_1.jpg/407px-Thomas_Meyer-Hermann_1.jpg</li>
<li>Foto Vorstand Sparkasse Ülzen [[File:SKUelzen Vorstand 2015.jpg|SKUelzen Vorstand 2015]] https://upload. wikimedia.org/wikipedia/commons/3/3e/SKUelzen_Vorstand_2015.jpg</li>
</ul>
<h4>Icons</h4>
<p>Freepik (http://www.freepik.com) / www.flaticon.com</p>
</footer>
</body>
</html>
\ No newline at end of file
This diff is collapsed.
{
"name": "cms2020-screendesign",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"start": "parcel index.html"
},
"keywords": [],
"author": "",
"license": "ISC",
"devDependencies": {
"parcel-bundler": "^1.12.4"
}
}
module.exports = {
trailingComma: "es5",
tabWidth: 4,
semi: true,
singleQuote: true,
};
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment