This repository has been archived by the owner on Feb 20, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
107 lines (107 loc) · 4.19 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
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta character="utf-8">
<link href="https://fonts.googleapis.com/css?family=Archivo+Black|Open+Sans+Condensed:300" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Anton" rel="stylesheet">
<link href="style.css" rel="stylesheet">
<title>HTML DAY</title>
</head>
<body>
<header>
</header>
<aside class="center-text">
<nav>
<ul>
<li>
<a class="entypo-info" href="#profile"></a>
</li>
<li>
<a class="entypo-smashing" href="#skills"></a>
</li>
<li>
<a class="entypo-bell" href="#players"></a>
</li>
</ul>
</nav>
</aside>
<main class="content">
<section id="profile" class="white-card center-text profile">
<img src="https://images-na.ssl-images-amazon.com/images/I/41STwjiOA6L._SX300_.jpg" />
<h2>George Costanza</h2>
<h3>Architect in training and CEO at Vandelay Industries</h3>
<p>Previously a proud office, blue-collar worker at the New York Yankees, I gave it all up for an enterpreneurial life building Vandelay Industries from the ground up.</p>
<a class="btn-red" href="www.google.com">See for yourself!</a>
</section>
<section id="skills" class="white-card center-text skills">
<ul class="horiz-li">
<li class="skill ">Bullshitting</li>
<li class="skill">Doing Nothing.</li>
<li class="skill">Being Lazy</li>
<li class="skill">Talking about nothing</li>
</ul>
</section>
<section id="players" class="white-card center-text players">
<div class="title-container"><h2>My favorite players</h2></div>
<table>
<tbody>
<tr>
<td class="table-img">
<img src="http://mlb.mlb.com/mlb/images/players/head_shot/121578.jpg" alt="Babe Ruth" width="213" height="320"/>
</td>
<td class="table-desc">
<h3>
Babe Ruth
</h3>
<p>
George Herman "Babe" Ruth Jr. was an American professional baseball player whose career in Major League Baseball spanned 22 seasons, from 1914 through 1935.
</p>
</td>
</tr>
<tr>
<td class="table-img">
<img src="http://mlb.mlb.com/mlb/images/players/head_shot/118258.jpg" alt="Mickey Mantle" alt="Mickey Mantle" width="213" height="320"/>
</td>
<td class="table-desc">
<h3>
Mickey Mantle
</h3>
<p>
Mickey Charles Mantle, nicknamed The Commerce Comet and The Mick, was an American professional baseball player.
</p>
</td>
</tr>
<tr>
<td class="table-img">
<img src="http://instinctmagazine.com/sites/instinctmagazine.com/files/images/blog_posts/Jonathan%20Higbee/2014/07/15/berra_yogi1.jpg" alt="Yogi Berra" width="213" height="320"/>
</td>
<td class="table-desc">
<h3>
Yogi Berra
</h3>
<p>
Lawrence Peter "Yogi" Berra was an American professional baseball catcher, who later took on the roles of manager, and coach. He played 19 seasons in Major League Baseball, all but the last for the New York Yankees.
</p>
</td>
</tr>
</tbody>
</table>
</section>
</main>
<footer class="center-text content">
<div class="white-card">
<h2>
About this page
</h2>
This page was coded during the <a href="https://lewagon.org/program" target="_blank">Fullstack program @LeWagon</a>
That was probably the best experience of my entire life.
<ul class="horiz-li space-left">
<li class="entypo-facebook-squared"><a href="https://www.facebook.com/George-Costanza-29333406446/">Facebook</a></li>
<li class="entypo-twitter"><a href="https://vandelayindustries.online/">Twitter</a></li>
<li class="entypo-compass"><a href="https://vandelayindustries.online/">Website</a></li>
</ul>
</div>
</footer>
</body>
</html>