-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsemanticScottsFav.html
94 lines (76 loc) · 3.74 KB
/
semanticScottsFav.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
<!DOCTYPE html>
<html>
<head>
<title>Scott's Fav. Things</title>
<meta charset="UTF-8" />
<!-- This links to a stylesheet that gives basic formatting to your page;
you do not need to modify this. -->
<link rel="stylesheet" type="text/css" href="https://selab.hanyang.ac.kr/courses/cse326/2019/labs/labResources/basic.css" title="style" />
<!-- This is linking to your stylesheet, layout.css -->
<link rel="stylesheet" type="text/css" href="layout.css" title="style" />
<link rel="shortcut icon" href="https://selab.hanyang.ac.kr/courses/cse326/2019/labs/images/SelabFavicon.png" type="image/png" />
</head>
<body>
<div id="container">
<div id="content">
<div id="title">
<h1>Scott's Favorite Things</h1>
<h2>Cars, Sports, and Music</h2>
</div>
<sidebar>
<h1>Links</h1>
<ul>
<li><a href="https://selab.hanyang.ac.kr/">SE Lab.</a></li>
<li><a href="http://sw.hanyang.ac.kr/">CSE @ HYU</a></li>
<li><a href="http://www.w3schools.com/">W3Schools</a></li>
<li><a href="http://www.csszengarden.com/">CSS Zen Garden</a></li>
</ul>
</sidebar>
<article>
<div id="cars">
<h2><span class="things">Cars</span>: 67 Shelby Mustang GT500 Convertible</h2>
<p class="image">
<img src="https://selab.hanyang.ac.kr/courses/cse326/2019/labs/labResources/images/67eleanorConv.jpg" alt="1967 shelby Mustang GT500 Convertible" title="1967 shelby Mustang GT500 Convertible" class="thingsimg"/>
</p>
<p class="text">
1967 Shelby Mustang GT500 Convertible, also known as <q>Eleanor</q>, is my favorite <a href="http://en.wikipedia.org/wiki/Shelby_Mustang" >Shelby Mustang</a> and my dream car.
One day, I would really like to rebuild or restore this car!
</p>
</div>
<div id="sports">
<h2><span class="things">Sports</span>: Snowboarding</h2>
<p class="image">
<img src="https://selab.hanyang.ac.kr/courses/cse326/2019/labs/labResources/images/tRice.jpg" alt="Travis Rice Snowboard Jump" title="Travis Rice Snowboard Jump" class="thingsimg"/>
</p>
<p class="text">
I am into extreme sports and motor racing (partly because I suck at ball games). Among different extreme sports, my favorite is snowbording. Before I get too old, I would to be able to do snowboard trick like my favorite snowborder, Travis Rice.
</p>
</div>
<div id="music">
<h2><span class="things">Music</span>: Funk & Punk Rock</h2>
<p class="image">
<img src="https://selab.hanyang.ac.kr/courses/cse326/2019/labs/labResources/images/lesPaulBass.jpg" alt="Gibson Les Paul Bass" title="Gibson Les Paul Bass" class="thingsimg"/>
</p>
<p class="text">
Friedrich Nietzsche (German philologist, philosopher, cultural critic, poet and composer) once said <q>Without music, life would be a mistake</q>.
I think, I cannot live without music. My favorite genre is funk and punk rock.
</p>
<p class="text">
Did you know that I used to play Bass guitar in a band during in my 20s? Our band mostly played punk rocks (original + several covers) in small gigs.
Now, it's a bit difficult to spare time and play Bass and, unfortunately, I also had to sell my Bass when I was leaving Paris.
But, in 2014, I would like to get a new Bass and play it on my spare time.
</p>
</div>
</article>
</div>
<p>
<a href="https://validator.w3.org/check/referer">
<img src="https://selab.hanyang.ac.kr/courses/cse326/2019/labs/images/w3c-html.png" alt="Valid XHTML" />
</a>
<a href="https://jigsaw.w3.org/css-validator/check/referer">
<img src="https://selab.hanyang.ac.kr/courses/cse326/2019/labs/images/w3c-css.png" alt="Valid CSS" />
</a>
</p>
</div>
</body>
</html>