-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
101 lines (78 loc) · 3.74 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Photo Card</title>
<link rel="stylesheet" href="https://unpkg.com/modern-normalize@latest/modern-normalize.css" />
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="style2.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />
</head>
<body>
<!-- ==== Header ==== -->
<header class="header">
<h1>Photo <br> Card</h1>
<p class="header-text">
On this website you can find a card with a random image from dogs
<a href="https://www.easy-dogs.net/wie-hunde-lernen/">easy-dogs</a>. You will learn how do handle
a dog and what you can do to let your dog feel wanted and needed. I hope you will
enjoy the pictures and the and the possibilities of what life with a dog can look like.
</p>
</header>
<!-- ===== Main ===== -->
<main>
<div class="container">
<div class="images">
<img class="natur" src="mein Hund.jpg" alt="ein bild von meinem Hund">
<img class="star" src="star.png" alt="ein Stern">
</div>
<h2>Nature</h2>
<p>Wollen auch Sie sich einen tierischen Freund anschaffen?</p>
</div>
<div class="list-view">
<div class="images">
<img class="natur" src="mein Hund.jpg" alt="ein bild von meinem Hund">
</div>
<i class="fa-solid fa-thumbs-up"></i>
<h2>Nature</h2>
<p>Wollen auch Sie sich einen tierischen Freund anschaffen?</p>
</div>
</main>
<!-- ======= Footer ======= -->
<footer>
<section id="footer">
<div class="sos">
<i class="fa-solid fa-user"></i>
<h2>About Me</h2>
<p>Mein Name ist Sandra und ich bin angehender Junior Frontend Web-Developer!
Trotz der Schwierigkeiten während der Weiterbildung, hat mir mein Hund sehr
viel Kraft gegeben immer weiter zu machen. Mailo ist nicht nur ein Hund sondern
ein Familienmitglied.
</p>
</div>
<div class="sos">
<i class="fa-solid fa-paw"></i>
<h2>About My Pet</h2>
<p>Mailo ist ein Mischlingsrüde und 4 Jahre alt. Ich habe ihn als Welpen bekommen und
er wurde mir als ein Pitbull/American Bulldog Mischling verkauft. Schnell konnten wir
erkennen, dass er kein Pitbull oder American Bulldog Mischling ist und haben uns erkundigt,
was genau Mailo ist. Leider wissen wir nur, dass er zum Teil ein Boxer ist und der andere
Teil leider nicht bekannt ist. Aber trotz allem ist er ein aufgewecktes Kerlchen und lernt
sehr schnell. Er ist umgänglich und liebt jeden Hund und jede Katze auch Kinder sind für
Ihn kein Problem. Jeder Tag mit Ihm ist ein Tag voller Spaß und Liebe.
</p>
</div>
<div class="sos">
<i class="fa-solid fa-envelope"></i>
<h2>Contact</h2>
<p>Sollte ich euch nun neugierig gemacht haben, und ihr mehr über unser Leben mit Mailo
erfahren möchtet, oder Fragen habt, wenn es um sogenannte gefährliche Rassen geht,
dürft Ihr euch gerne via E-Mail bei mir melden.</p>
<br>
<a href="mailto:[email protected]">[email protected]</a>
</div>
</section>
</footer>
</body>
</html>