Commits vergleichen
2 Commits
79ca543f79
...
8be445d412
| Autor | SHA1 | Datum | |
|---|---|---|---|
| 8be445d412 | |||
| 904aa53264 |
4 geänderte Dateien mit 55 neuen und 0 gelöschten Zeilen
BIN
athens.jpg
Normale Datei
BIN
athens.jpg
Normale Datei
Binäre Datei nicht angezeigt.
|
Nachher Breite: | Höhe: | Größe: 253 KiB |
8
main.css
Normale Datei
8
main.css
Normale Datei
|
|
@ -0,0 +1,8 @@
|
||||||
|
body{
|
||||||
|
background-image: url(./athens.jpg);
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size:cover;
|
||||||
|
width: 1900px;
|
||||||
|
height: 300px;
|
||||||
|
}
|
||||||
|
|
||||||
32
main.html
Normale Datei
32
main.html
Normale Datei
|
|
@ -0,0 +1,32 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<link rel="stylesheet" href="main.css">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="text.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<header>
|
||||||
|
<nav class="B">
|
||||||
|
<h4><a href>Main Page</a></h4>
|
||||||
|
<h4><a href>Where To Go</a></h4>
|
||||||
|
<h4><a href>History</a></h4>
|
||||||
|
<h4><a href>Food and Lifestyle</a></h4>
|
||||||
|
<h4> <a href>Frequently Asked Questions</a></h4>
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
|
<hr/>
|
||||||
|
<main>
|
||||||
|
<section>
|
||||||
|
<article>
|
||||||
|
<p>Visit Greece</p>
|
||||||
|
</article>
|
||||||
|
</section>
|
||||||
|
</main>
|
||||||
|
<hr/>
|
||||||
|
<footer>
|
||||||
|
<p>© Copyright 2022 by 3MIC. All Rights Reserved</p>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
15
text.css
Normale Datei
15
text.css
Normale Datei
|
|
@ -0,0 +1,15 @@
|
||||||
|
.B {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(5, 1fr);
|
||||||
|
gap: 20px;
|
||||||
|
list-style: none;
|
||||||
|
line-height: 1.55;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
body{
|
||||||
|
font-family: AeonikPro-Bold,Arial,sans-serif;
|
||||||
|
font-size: .9333333333rem;
|
||||||
|
letter-spacing: 0; ;
|
||||||
|
}
|
||||||
|
|
||||||
Laden …
In neuem Issue referenzieren