-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
82 lines (80 loc) · 4.07 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Samuel Martin</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="" type="image/x-icon">
<!-- import the main stylesheet -->
<link rel="stylesheet" href="css/my-page-styles.css">
</head>
<body>
<header class="header">
<h1>Samuel Martin's Sandbox</h1>
<P><button class="role" onclick="location.reload();">Refresh page to load random images<br/></p>
<img class="avatar" alt="avatar" src="images/sam-biopic-2020-gray72.jpg" />
</header>
<section class="section about">
<div class="content-wrapper">
<h2>About</h2>
<div class="row">
<p><h3>Enjoy this French-base dummy text I made using a text randomizer</h3></p>
</div>
<div class="row">
<div class="column half">
<p>A l’éeuqop odnt uson noasrpl, li rétiang dnas els villes uen puanuetr à niepe ablegmiina uorp sel edoensmr equ suon mosmes. Lse rues puniaet le imuefr, lse rairère-rcsou tiaeunp l’uneri, els esgac d’rlecisae piueatn le isob isiom et al erttco ed tra, les cuesnisi le uohc urirpo et la gissrae de omnout.</p>
</div>
<div class="">
<p>Les cipèes d’hianabotit lam raésée iuaepnt la spisouère fnerrmeée, sel sebmahrc à rcohuce tpiauen sel pasdr igssurxea, sel rucspoeiotten sietom te le emleugr âcre des pots de hbermac. Sel ncmiheées certhnaica enu upntruae ed fsroeu. Sel ncmiheées certhnaica enu upntruae ed fsroeu, sel rstaeinen la rutenpua de leurs baisn fisorrsoc, et les ratotibas al etnaupur ud ngas laiclé.</p>
</div>
</div>
</div>
</section>
<section class="section skills">
<div class="content-wrapper">
<h2 style="color:white;">Skills</h2>
<ul class="skills-list">
<li class="skill-item">HTML</li>
<li class="skill-item">CSS</li>
<a href="http://splambo.org/learning-javascript"><li class="skill-item">Java<br/>Script</li></a>
<li class="skill-item">Design</li>
<li class="skill-item">Fishing</li>
<li class="skill-item last">Ninja-level problem-solving!</li>
</ul>
</div>
</section>
<section class="section education">
<div class="content-wrapper">
<h2>Education</h2>
<div class="row">
<div class="column third education-item">
<img alt="" class="" src="https://loremflickr.com/280/140/cameralense" />
<h3>Concordia University</h3>
<p>2009 BFA Film Animation Major with Honors, Mel Hoppenheim School of Cinema</p>
</div>
<div class="column third education-item">
<img alt="" class="" src="https://loremflickr.com/280/140/pencil" />
<h3>Dawson College</h3>
<p>2000 Creative Arts</p>
</div>
<div class="column third education-item">
<img alt="" class="" src="https://loremflickr.com/280/140/mountain" />
<h3>School of Hard Knocks</h3>
<p>Freelance, Travels, Autonomous Education and The Good Life.</p>
</div>
</div>
</div>
</div>
</section>
<footer class="">
<div class="legal">
<ul class="social-links">
<li class=""><a href="https://www.linkedin.com/in/splambo/" target="_blank">LinkedIn</a> </li>
<li class=""><a href="https://github.com/smartin" target="_blank">GitHub</a></li>
</ul>
<p class="copyright">© <script type="text/JavaScript">document.write(new Date().getFullYear());</script> Samuel Martin</p>
</div>
</footer>
</body>
</html>