-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
67 lines (56 loc) · 2.57 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
<!DOCTYPE html>
<html>
<head>
<title>Nic is Awesome</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="container">
<div class="card">
<h1>Nicolas Dontigny <i class="fas fa-cocktail red"></i></h1>
<h2 class="red">Professional Web Developer</h2>
<div id="profile-pic">
<img src="images/Yukon4.jpg" alt="Yukon Do It" class="img-circle img-border">
<p class="img-text">Yukon Do It</p>
</div>
<p class="bold">I am a Web Developer who loves</p>
<div class="list">
<ul class="passions">
<li>Computer Programming 💻</li>
<li>Traveling 🌏</li>
<li><a href="https://www.suttama.dhamma.org/" target="_blank" class="link">Meditation</a></li>
<li><a href="https://www.uqac.ca/programme/7309-baccalaureat-en-intervention-plein-air/" target="_blank" class="link">Outdoor sports</a></li>
<li>Cooking with plant-based food 🍍</li>
<li>Climbing</li>
<li>Playing piano & guitar 🎶</li>
<li>Yoga & <a href="https://www.youtube.com/watch?v=qomypRzbVig&t=132s" target="_blank" class="link">acroyoga</a></li>
<li><a href="https://toolsoftitans.com/" target="_blank" class="link">Reading non-fiction 📚</a></li>
<li>Playing board games</li>
<li>And many more things!</li>
</ul>
</div>
<a href="https://www.cbs.com/shows/survivor/" target="_blank"><button class="bg-dark">Subscribe!</button></a>
</div>
<div class="card">
<h2 class="green">Follow me</h2>
<ul class="no-bullet">
<li>
<a href="https://www.facebook.com/" target="_blank" class="link follow-link bd-dark"><i class="fab fa-facebook fa-2x"></i></a>
</li>
<li>
<a href="https://twitter.com/" target="_blank" class="link follow-link bd-dark"><i class="fab fa-twitter fa-2x"></i></a>
</li>
<li>
<a href="https://www.instagram.com/" target="_blank" class="link follow-link bd-dark"><i class="fab fa-instagram fa-2x"></i></a>
</li>
<li>
<a href="https://github.com/NicolasDontigny" target="_blank" class="link follow-link bd-dark"><i class="fab fa-github fa-2x"></i></a>
</li>
</ul>
</div>
</div>
</body>
</html>