-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsemantic_blog.html
56 lines (56 loc) · 2.9 KB
/
semantic_blog.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
<!DOCTYPE html>
<html>
<head>
<title>My blog</title>
<link rel="stylesheet" type="text/css" href="semantic_blog.css">
<link rel="shortcut icon" type="image" href="images/paw_favicon.jpg">
</head>
<body>
<main>
<img id="igor" src="images/igor.jpg" alt="Igor - In Memoriam" title="Igor-In memoriam. Until we meet again.">
<h1>Fluffy Haven</h1>
<p>Welcome to our family's blog. Here you will find some members are fluffier than others! =) But there's one common thing (besides our passion for food...): LOVE! Here are some of us:</p>
<section>
<h2>Members</h2>
<img class="members" src="images/maki.jpg" alt="Maki">
<img class="members" src="images/hera.jpg" alt="Hera">
<img class="members" src="images/kira.jpg" alt="Kira">
<img class="members" src="images/eddy.jpg" alt="Eddy">
<img class="members" src="images/twins.jpg" alt="Twins">
<img class="members" src="images/cora.jpg" alt="Cora">
<nav>
<h3>Get to know me(owoof)!</h3>
<a class="links" href="maki_semantic.html">Maki</a>
<a class="links" href="hera_semantic.html">Hera</a>
<a class="links" href="kira_semantic.html">Kira</a>
<a class="links" href="eddy_semantic.html">Edward (Eddy)</a>
<a class="links" href="twins_semantic.html">Twins</a>
<a class="links" href="cora_semantic.html">Vicious Dog</a>
</nav>
</section>
<dl class="motto">
<dt>Fluffy side Motto:</dt>
<dd>Love, play, eat, love, sleep.</dd>
</dl>
<dl class="motto">
<dt>Human side Motto:</dt>
<dd>Try to give back as much as you can. Never take their love for granted and cherish it, for all the joy they bring is invaluable.</dd>
</dl>
<footer>Thanks for reading! Iulia and family.</footer>
<aside id="roll">
<h1>Colleagues blogs</h1>
<ul>
<li><a href="https://preview.c9users.io/iulia34/iulia-s-blog/index.html" target="_blank">Iulia M.</a></li>
<li><a href="https://preview.c9users.io/lazurcavali/blog/blog/index.html" target="_blank">Valentin L.</a></li>
<li><a href="https://preview.c9users.io/horoiu/homework1/Homework's/01-Blog/Mario's-Blog.html" target="_blank"> Capt.Mario (Marian H.)</a></li>
<li><a href="https://preview.c9users.io/ovidiucolnita/my-blog/index.html" target="_blank">Yuki (Ovidiu C.)</a></li>
<li><a href="https://preview.c9users.io/alig25/front-end/Tema/tema.html?_c9_id=livepreview1&_c9_host=https://ide.c9.io#photos" target="_blank">Alina G.</a></li>
<li><a href="https://preview.c9users.io/voju/scoala_informala_voju/blog/index.html?_c9_id=livepreview0&_c9_host=https://ide.c9.io" target="_blank">Lucian V.</a></li>
<li><a href="https://preview.c9users.io/alxbinti/fr_end/binti/ab.html?_c9_id=livepreview0&_c9_host=https://ide.c9.io" target="_blank">Binti (Alex B.)</a></li>
<li><a href="https://preview.c9users.io/steliana/steliana_blog/blog.html" target="_blank">Steliana T.</a></li>
</ul>
//this is a fix for some bug Git practice
</aside>
</main>
</body>
</html>