This repository has been archived by the owner on Jun 15, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
102 lines (97 loc) · 3.9 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Basic info</title>
<link href="https://fonts.googleapis.com/css?family=PT+Sans+Caption|PT+Serif|Quicksand" rel="stylesheet">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<style> </style>
</head>
<body>
<div class="container" style="margin-left:auto;margin-right:auto;"></div>
<div id="header" class="card text-center">
<img src="images/IMG_9962.jpg" alt="" width=90% style="center" id="profile image" class="img-corners">
<h1>Damien Dillon</h1>
<h2>Student @ LeWagon</h2>
<p>"Before LeWagon I worked in English language teaching. I want to learn to code to facilitate a career change. After LeWagon I plan to review and extend what I have learned and freelance."</p>
</div>
<div class="card text-center" >
<ul class="list-inline" style="list-style: none" >
<li text-center>
<a href="https://www.facebook.com/damien.dillon">
<i class="fa fa-facebook"></i> Facebook
</a>
</li>
<li text-center>
<a href="https://www.linkedin.com/in/damien-dillon-52316812b/">
<i class="fa fa-linkedin"></i> Linkedin
</a>
</li>
<li text-center>
<a href="https://twitter.com/damien_dillon">
<i class="fa fa-twitter"></i> Twitter
</a>
</li>
</ul>
</div>
<div class="card text-center">
<h2>My favourite films</h2>
<table>
<tbody>
<tr>
<td>
<img src="images/Happiness.jpg" alt="Happiness" width="250" class="img-corners">
</td>
<td>
<h3>Happiness (1998)</h3>
<p>The lives of several individuals intertwine as they go about their lives in their own unique ways, engaging in acts society as a whole might find disturbing in a desperate search for human connection.</p>
</td>
</tr>
<tr>
<td>
<img src="images/LaGrandeBellezza.jpg" alt="La Grande Bellezza" width="250" class="img-corners">
</td>
<td>
<h3>La Grande Bellezza (2013)</h3>
<p>Jep Gambardella has seduced his way through the lavish nightlife of Rome for decades, but after his 65th birthday and a shock from the past, Jep looks past the nightclubs and parties to find a timeless landscape of absurd, exquisite beauty.</p>
</td>
</tr>
<tr>
<td>
<img src="images/LaIslaMinima.jpg" alt="La Isla Minima" width="250" class="img-corners">
</td>
<td>
<h3>La Isla Minima (2014)</h3>
<p>In the Marshland, a serial killer is on the loose. Two homicide detectives who appear to be poles apart must settle their differences and bring the murderer to justice before more young women lose their lives.</p>
</td>
</tr>
</tbody>
</table>
</div>
<div class="card text-center">
<h2>About this page</h2>
This page was coded during the
<a href="https://lewagon.org/program" target="_blank">FullStack program @LeWagon</a>.
<ul class="list-inline" style="list-style: none">
<li >
<a href="#">
<i class="fa fa-heart"></i>
</a>
</li>
<li>
<a href="#">
<i class="fa fa-share"></i>
</a>
</li>
<li>
<a href="#">
<i class="fa fa-star"></i>
</a>
</li>
</ul>
</div>
<div class="card"></div>
</div>
</body>
</html>