-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
46 lines (45 loc) · 1.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
<!DOCTYPE html>
<html>
<head>
<!-- Page's intelligence = meta tags -->
<title>Beatriz Longley</title>
<meta charset="utf-8">
<!-- CSS sytle -->
<link rel="stylesheet" type="text/css" href="style.css">
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap" rel="stylesheet">
<!-- Fontawesome Stylesheet -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css">
<!-- Add media queries to make the website responsive -->
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<!-- Page's content = displayed on the page -->
<div class="container">
<div class="card">
<h1 style="bold">Beatriz Costa Longley</h1>
<img src="images/beatriz.jpg" alt="Beatriz profile picture" class="img-circle">
<h2>Programmer</h2>
<p>I started my career in the tourism industry, traveled the world for three years, moved to Germany to work for adidas in Field Marketing and now want to learn the language of the future and become a Developer</p>
<a href="" target="_blank" class="le_wagon">Discover Le Wagon</a>
</div>
<!-- List of social links -->
<div class="card">
<h2>Check out my journey</h2>
<ul class="in-line">
<li>
<a href="https://www.linkedin.com/in/beatriz-costa-9687a946/" target="_blank">
<i class="fab fa-linkedin"></i>
</a>
</li>
<li>
<a href="https://github.com/BeatrizSCLongley" target="_blank">
<i class="fab fa-github-square"></i>
</a>
</li>
</ul>
</div>
</div>
</body>
</html>
<!-- end of flie -->