-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
88 lines (80 loc) · 4.4 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Carine Le Charlès</title>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Indie+Flower%7CRaleway:300,400,700" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<title>Carine Le Charlès</title>
<meta name="description" content="Student at Le Wagon">
<meta property="og:title" content="Carine Le Charlès">
<meta property="og:image" content="facebook-card.jpg">
<meta property="og:description" content="Student at Le Wagon">
<meta property="og:site_name" content="Carine Le Charlès">
</head>
<body>
<div id="sidebar">
<ul>
<li><a href="#summary"><i class="fas fa-info-circle"></i></a></li>
<li><a href="#favorite-cocktails"><i class="fas fa-cocktail"></i></a></li>
<li><a href="#help"><i class="fas fa-plus-circle"></i></a></li>
</ul>
</div>
<div id="page-content">
<div class="container">
<div class="background"> </div>
<div class="card text-center">
<img src="images/my_profile.JPG" alt="Carine Le Charlès" width="100" class="img-circle">
<h1>Carine Le Charlès</h1>
<h2>Student at Le Wagon</h2>
<p class="text-center">In 2014, I graduated with an engineering degree. I was Quality Assurance manager in the Internet of Things sector in Bordeaux since 2015. I would like to deepen my technical skills and can be autonomous on <strong>digital projects</strong>.</p>
</div>
<div class="card text-center" id="summary">
<ul class="list-inline">
<li><a href="#"><i class="fab fa-facebook-square"></i><br>Facebook</a></li>
<li><a href="#"><i class="fab fa-linkedin"></i><br>Linkedin</a></li>
<li><a href="#"><i class="fab fa-twitter-square"></i><br>Twitter</a></li>
</ul>
</div>
<div class="card text-center" id="favorite-cocktails">
<h2>My favorite cocktails</h2>
<table>
<tbody>
<tr>
<td><img src="images/mojito.jpeg" alt="Mojito" width="200"></td>
<td>
<h3>Mojito</h3>
<p>The Mojito was born in Cuba in the early twentieth century, and has become a "national cocktail of Cuba". Made famous by the writer Ernest Hemingway who loved drinking, the mojito is made with rum, lime and mint.</p>
</td>
</tr>
<tr>
<td><img src="images/pina_colada.jpg" alt="Pina Colada" width="200"></td>
<td>
<h3>Pina colada</h3>
<p>The origin of the Piña Colada remains rather vague, and it is not known exactly who invented this exotic drink. Even the recipe varies from one bar to another and from one country to another! Result: some forget the pineapple juice. When we know that 'piña colada' means 'pineapple pressed' in Spanish, we say that it is a shame, no? (you have to know how to rebel sometimes).</p>
</td>
</tr>
<tr>
<td><img src="images/tequila_sunrise.jpg" alt="Tequila Sunrise" width="200"></td>
<td>
<h3>Tequila sunrise</h3>
<p>It has the color of the islands, and recalls the color chart of the tubes of the summer. The legend says that it was a bartender in Arizona who had the idea in the 30s. It met the desire of an amateur customer Tequila, who wanted nothing more than a good cocktail to enjoy by the pool ...</p>
</td>
</tr>
</tbody>
</table>
</div>
<div class="card text-center" id="help">
<h2>About this page</h2>
<p class="text-center">This page has been coded during the <a href="https://www.lewagon.com/fr" target="_blank"><strong>FullStack program @LeWagon</strong></a>. That was probably the best experience of my entire life.</p>
<ul class="list-inline">
<li><a href="#"><i class="fas fa-heart"></i></a></li>
<li><a href="#"><i class="fas fa-laptop"></i></a></li>
<li><a href="#"><i class="fas fa-beer"></i></a></li>
</ul>
</div>
</div>
</div>
</body>
</html>