forked from Migracode-Barcelona/htmlcss-portfolio
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
100 lines (89 loc) · 4.74 KB
/
index.html
File metadata and controls
100 lines (89 loc) · 4.74 KB
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" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<title>Portafolio Simon says theme</title>
<link
href="//fonts.googleapis.com/css?family=Roboto:400,500,300"
rel="stylesheet"
type="text/css"
/>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-b5kHyXgcpbZJO/tY9Ul7kGkf1S0CWuKcCD38l8YkeH8z8QjE0GmW1gYU5S9FOnJ0" crossorigin="anonymous"></script>
<link rel="stylesheet" href="css/style.css" />
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
</head>
<body>
<!-- Add your HTML markup here -->
<!-- Remember: Use semantic HTML tags like <header>, <main>, <nav>, <footer>, <section> etc -->
<header id="header">
<nav class="navbar navbar-expand-lg border-bottom border-3 border-danger">
<div class="container-fluid p-3">
<div class="navbar-header">
<a class="navbar-brand" href="#home">Simón Luque Web Developer</a>
</div>
<ul class="nav navbar-nav" style="justify-content: space-between; width:300px">
<li class="active"><a href="#home">Home</a></li>
<li><a href="#summary">Summary</a></li>
<li><a href="#mywork">My Work</a></li>
<li><a href="#getintouch">Get in Touch</a></li>
</ul>
</div>
</nav>
</header>
<main>
<div class="container p-3 my-4 bg-success text-white"><a id="summary"></a>
<h1>Hello, My name is Simón Luque. I'm a Web Developer in progress.</h1>
<p>I'm a junior web developer from Venezuela with experience in HTML5, CSS3, on my way to become a full-stack develeoper. I live in Barcelona, and I am also a health care professional and a coffee enthusiast.</p>
</div>
<div class="container-fluid p-3 my-4 bg-info text-white">
<h1 class="major"><a id="mywork"></a>My Work.</h1>
<p>Through my learning process with Migracode I have developed several projects, here are some examples.</p>
<section class="projects">
<article class="d-flex flex-column align-items-center">
<a href="#" class="image1"><img src="Images\Imagen1.png" class="img-fluid" width="150em"></a>
<br>
<h3 class="major">Alan Watts Fan Page</h3>
<p>Website created as requeriment to be accepted in Migracode.</p>
<a href="https://cmon3.github.io/First-Web-Page/" target="_blank"><p>Live Demo</p></a>
</article>
<article class="d-flex flex-column align-items-center">
<a href="#" class="image2"><img src="Images\Imagen2.png" class="img-fluid" width="150em"></a>
<br>
<h3 class="major">HTML-CSS Challenge 1</h3>
<p>In this project the aim was to introduce ourselves <br>in the use of HMTL and CSS.</p>
<a href="https://github.com/Cmon3/HTML-CSS-Challenges/blob/main/zoo-css-challenge/index.html" target="_blank"><p>See The Code</p></a>
</article>
<article class="d-flex flex-column align-items-center">
<a href="#" class="image3"><img src="Images\Imagen3.png" class="img-fluid" width="150em"></a>
<br>
<h3 class="major">HTML-CSS Challenge 2</h3>
<p>Project aiming to get our first experience with <br>responsive sites, by the use of Flexbox and Media<br> Queries.</p>
<a href="https://github.com/Cmon3/HTML-CSS-Coursework-Week2/blob/english-migracode/simon-luque/index.html" target="_blank"><p>See The Code</p></a>
</article>
</section>
</div>
</main>
<footer class="container-sm border border-warning border-5 d-flex py-2 flex-column align-items-center">
<hr>
<h4><a id="getintouch"></a>Get in Touch</h4>
<section class="d-sm-flex py-1 flex-row justify-content-center">
<a href="https://github.com/Cmon3" target="_blank"><img class="socialmedia1"
src="Images\github.png"
alt="icon-github"
width="35px"
></a>
<a href="https://www.linkedin.com/in/simon-luquegonzalez/" target="_blank"><img class="socialmedia2"
src="Images\linkedin.png"
alt="icon-linkedin"
width="65px"
></a>
</section>
<h5 class="text-secondary h5">Barcelona, 2021</h5>
</footer>
</body>
</html>