This repository has been archived by the owner on Jul 10, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
111 lines (104 loc) · 4.74 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
<!DOCTYPE html>
<html>
<head>
<title>Julianne Joswiak</title>
<script src="https://use.fontawesome.com/f7a9cfed58.js"></script>
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet">
</head>
<body>
<div class="list-vertical text-center" id="sidebar">
<ul>
<li>
<a href="#banner">
<i class="fa fa-smile-o" aria-hidden="true"></i>
</a>
</li>
<li>
<a href="#movies">
<i class="fa fa-film" aria-hidden="true"></i>
</a>
</li>
<li>
<a href="#about">
<i class="fa fa-sort-desc" aria-hidden="true"></i>
</a>
</li>
</ul>
</div>
<div class="container text-center" id="page-content">
<div class="card banner card-white" id="banner">
<img src="images/profile-image.jpg" alt="Julianne" height="200" width="200" class="img-circle">
<h1>Julianne Joswiak</h1>
<h3>Student at Le Wagon</h3>
<p>Background in Biology, interested in health tech</p>
</div>
<div class="card list-inline card-white">
<ul>
<li>
<a href="https://www.linkedin.com/in/julianne-joswiak-151a9697">
<i class="fa fa-linkedin-square" aria-hidden="true"></i>
Linkedin
</a>
</li>
<li>
<a href="https://www.facebook.com/julianne.joswiak">
<i class="fa fa-facebook-square" aria-hidden="true"></i>
Facebook
</a>
</li>
<li>
<a href="https://twitter.com/JulJos11">
<i class="fa fa-twitter-square" aria-hidden="true"></i>
Twitter
</a>
</li>
<li>
<a href="https://www.goodreads.com/user/show/48165588-julianne-joswiak">
<i class="fa fa-book" aria-hidden="true"></i>
Goodreads
</a>
</li>
</ul>
</div>
<div class="card card-white" id="movies">
<h2>My favorite movies</h2>
<table>
<tbody>
<tr>
<td>
<img src="images/Grand_Budapest_Hotel.jpg" alt="Grand Budapest Hotel" class="img-short">
</td>
<td>
<h3>Grand Budapest Hotel</h3>
<a href="https://en.wikipedia.org/wiki/The_Grand_Budapest_Hotel" target="_blank" class="description">The Grand Budapest Hotel is a 2014 comedy film written and directed by Wes Anderson, from a story by Anderson and Hugo Guinness, inspired by the writings of Stefan Zweig. It stars Ralph Fiennes as a concierge who teams up with one of his employees (Tony Revolori) to prove his innocence after he is framed for murder.</a>
</td>
</tr>
<tr>
<td>
<img src="images/Prestige.jpg" alt="The Prestige" class="img-short">
</td>
<td>
<h3>The Prestige</h3>
<a href="https://en.wikipedia.org/wiki/The_Prestige_(film)" target="_blank" class="description">The Prestige is a 2006 mystery thriller drama film directed by Christopher Nolan, from a screenplay adapted by Nolan and his brother Jonathan from Christopher Priest's 1995 World Fantasy Award-winning novel of the same name. The story follows Robert Angier and Alfred Borden, rival stage magicians in London at the end of the 19th century. Obsessed with creating the best stage illusion, they engage in competitive one-upmanship with tragic results.</a>
</td>
</tr>
<tr>
<td>
<img src="images/Hail_Caesar.png" alt="Hail, Caesar!" class="img-short">
</td>
<td>
<h3>Hail, Caesar!</h3>
<a href="https://en.wikipedia.org/wiki/Hail,_Caesar!" target="_blank" class="description"> Hail, Caesar! is a 2016 American-British comedy film written, produced, edited and directed by Joel and Ethan Coen. The film stars Josh Brolin, George Clooney, Alden Ehrenreich, Ralph Fiennes, Jonah Hill, Scarlett Johansson, Frances McDormand, Tilda Swinton and Channing Tatum. The film is a fictional story that follows the real-life "fixer" Eddie Mannix (Brolin) working in the Hollywood film industry in the 1950s, trying to discover what happened to a cast member who vanishes during filming. </a>
</td>
</tr>
</tbody>
</table>
</div>
<div class="card card-white" id="about">
<h2>About this page</h2>
This page was coded during the <a href="https://www.lewagon.com/program">Le Wagon Full-stack developer program</a>
</div>
</div>
</body>
</html>