-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
118 lines (107 loc) · 6.81 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
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="author" content="Fat Media">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Lato|Lato:100|Lato:700|Lora|Lora:b|Lora:bi|Lora:i|Merriweather|Merriweather:300|Merriweather:700|Merriweather:900|Oswald|Oswald:300|Oswald:700">
<title>Fat Media</title>
</head>
<body>
<header>
<p>VOLUME 3–SEPTEMBER 2013</p>
<h1>CSS OFF</h1>
</header>
<article>
<section id="positioningRelatives">
<img src="img/positionRelative.png" alt="">
<div id="positionRelativeShadow"></div>
<div id="positioningRelativesText">
<h3>FEATURE</h3>
<h1>POSITIONING RELATIVES</h1>
<p>In 1958, English pictorial photographer Henry Peach Robinson created the world’s first photomontage by combining five different negatives to make one complete print of a young girl on her deathbed. “Fading Away”—Robinson’s first and most famous composite photo—depicts a young girl dying of consumption and was controversial when it was exhibited, with many believing it was not a suitable subject for photography.</p>
</div>
</section>
<section id="boxModel">
<img src="img/babrie.png" alt="A picture of barbie in a box.">
<h1>Box Model</h1>
<p>The Barbie doll was invented in 1959 by Ruth Handler (co-founder of Mattel), whose own daughter was called Barbara. Barbie was introduced to the world at the American Toy Fair in New York City. Barbie's job was teenage fashion doll. The full name of the first doll was Barbie Millicent Roberts, from Willows, Wisconsin.</p>
</section>
<section id="stayingAfloat">
<h3>Staying afloat</h3>
<p>Lobsterman John Aldridge fell into the shark-infested water of Long Island while his crewmates were asleep. He was kept afloat for more than 12 hours by his rubber boots, which he used as flotation devices. The coast guard rescued him 43 miles south of Montauk where he fell off his vessel.</p>
<img src="img/boots.png" alt="A pair of boots">
</section>
<section id="bullets">
<div id="bulletsHead">
<h3>LIST STYLE: BULLETS.</h3> <p>A ROUND-UP OF POPULAR AMMUNITION</p>
</div>
<ul>
<li>
<img src="img/bulletOne.png">
<p class="largest">.223</p> <p class="small">REMMINGTON</p> <p class="small">69gr BTHP</p>
<li>
<img src="img/bulletTwo.png">
<p class="largest">.308</p> <p class="small">WINCHESTER</p> <p class="small">168gr BTHP</p>
<li>
<img src="img/bulletThree.png">
<p class="small">7.62x39mm</p> <p class="large">RUSSIAN</p> <p class="large">154gr JSP</p>
<li>
<img src="img/bulletFour.png">
<p class="largest">7.62</p> <p class="large">THUMPER</p> <p class="large">220gr RN</p>
<li>
<img src="img/bulletFive.png">
<p class="largest">7.62</p> <p class="large">THUMPER</p> <p class="medium">240gr BTHP</p>
</ul>
</section>
<section id="displayingFamousBlocks">
<h1>DISPLAYING (FAMOUS) BLOCKS</h1>
<img src="img/beatles-abbey-road.jpg" alt="The beatles on Abbey Road">
<p>Abbey Road is a thoroughfare located in the borough of Camden and the City of Westminster in London, running roughly northwest to southeast through St. John’s Wood, near Lord’s Cricket Ground. It is part of the B507. This road is best known for the Abbey Road Studios and the 1969 album, Abbey Road, by The Beatles.</p>
<p id="link">Photo: goo.gl/h44dc9</p>
</section>
<section id="transformers">
<img src="img/transformers.png" alt="Transformers film bluray packaging.">
<div id="transformerShadow"></div>
<h1 id="filmTitle">TRANSFORMERS</h1>
<h2 id="revenge">REVENGE OF THE FALLEN</h2>
<div id="splitter"></div>
<p>A noisy, underplotted, and overlong special effects extravaganza that lacks a human touch.</p>
<p id="border">––––––––––––––––––––––––––</p>
<div id="rottonTomato">
<h2 class="blueText small">ROTTON TOMATO</h2>
<h2 id="percent">20%</h2>
<h2 class="blueText medium">RATING</h2>
<div id="percentBar"></div>
</div>
<p id="border">––––––––––––––––––––––––––</p>
<h2 class="blueText small" id="worldPremire">WORLD PREMIRE</h2>
<h2 class="medium" id="locationOne">DEN HAAG THEATRE</h2>
<h2 class="blueText medium" id="locationTwo">THE NETHERLANDS</h2>
<h2 class="large" id="date">JUNE 23, 2011</h2>
<div id="circle"></div>
</section>
<section id="borderBottomLine">
<img src="img/heads.png" alt="An Italian man, Indian woman, Asian man, and a blonde woman.">
<h1>BORDER BOTTOM LINE</h1>
<h2>Awful immigration laws from around the world.</h2>
<p><strong>Italy</strong> penalizes illegal immigrants with a fine of €5,000-10,000 and allows immigration officials to detain them for up to 6 months. •<strong>Switzerland</strong> immediately deports all convicted criminals from other countries and potentially even their family members. •<strong>Australia</strong> detains all non-citizens without a valid visa. •<strong>Japan</strong> is allowed to pay $3,000 to each unemployed Latin Americn immigrant of Japanese descent and $2,000 to each of that unemployed worker’s family members to return to their country of origin. •The <strong>United Arab Emirates</strong> prohibits foreigners from engaging in any sort of labor union-like activity, resulting in harsh living conditions, 80-hour work weeks, back-breaking manual labor, and below-minimum-wage pay.</p>
</section>
<section id="overflow">
<p class="textRight" id="overflowOne">On the night of Aug 8, 1975, a line of people frantically piled sandbags atop Henan Province's <strong>Banqiao Dam</strong> while being battered by the worst storm ever recorded in the region. They were in a race with the rapidly rising Ru River to save the dam and the millions of people that lay sleeping downstream. It was a race they were about to lose.</p>
<p id="overflowTwo">Just after 1:00 am, the sky cleared and stars emerged from behind the storm clouds. There was an eerie calm as someone yelled, "The water level is going down! The flood is retreating!"</p>
<p id="overflowThree">There was little chance to enjoy that calm. One survivor recalled that a few seconds later it "sounded like the sky was collapsing and the earth was cracking." The equivalent of 280,000 Olympic-sized swimming pools burst through the crumbling dam, taking with it entire towns and as many as 171,000 lives. </p>
</section>
<footer>
<div id="leftFooter">
<p><strong>2013 CSSOff,</strong> Volume 3</p>
</div>
<div id="rightFooter">
<p><strong>Route Gregory,</strong> Building 31</p>
<p>01630 Prévessin-Moëns, France</p>
<p>+41 22 767 61 11</p>
</div>
</footer>
</article>
</body>
</html>