-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·136 lines (136 loc) · 8.55 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
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/style-dist.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Otomanopee+One&display=swap" rel="stylesheet">
<title>Anderson Vallejo</title>
</head>
<body>
<nav class="menu">
<ul>
<a href="#"><li class="menu__item">Home</li></a>
<a href="#about"><li class="menu__item">About</li></a>
<a href="#work"><li class="menu__item">Work</li></a>
</ul>
</nav>
<section class="home">
<p class="home__title">I'm Anderson Vallejo<span class="home__title-profession">Front-End Developer</span></p>
<div class="home__icons">
<a href="https://github.com/Vallejoanderson" target="_blank"><i class="icon fab fa-github-square fa-5x"></i></a>
<a href="https://www.linkedin.com/in/anderson-vallejo-643367a2/" target="_blank"><i class="icon fab fa-linkedin fa-5x"></i></a>
<a href="https://twitter.com/vallejoaa" target="_blank"><i class="icon fab fa-twitter-square fa-5x"></i></a>
</div>
</section>
<section id="about" class="about">
<h2 class="about__title">About me</h2>
<p class="about__text">
I'm Anderson, Front-End Developer. I have completed my
training thanks to MDN and Freecodecamp that means I create
beautiful user interfaces that work anywhere, like mobile,
tablets or browsers. I am passionate about new technologies
and tools for the web. I care about good practices to have
a better and more readable code, like to work with others
and looking for a interesting and meaningful project.
</p>
</section>
<section id="work" class="work">
<h2 class="work__title">Work</h2>
<div class="cards__container">
<div class="card">
<div class="card__top">
<i class="icon fas fa-signal fa-xs icon__top--margin"></i>
<i class="icon fas fa-wifi fa-xs icon__top--margin"></i>
<i class="icon fas fa-battery-full fa-xs icon__top--margin"></i>
</div>
<a href="https://tipcalculator-git-master-vallejo.vercel.app/" target="_blank"><img class="card__image" src="images/image001.png" alt=""></a>
<div class="card__bottom">
<i class="icon fas fa-square icon__bottom--margin"></i>
<i class="icon far fa-circle icon__bottom--margin"></i>
<i class="icon fas fa-caret-left fa-lg icon__bottom--margin"></i>
</div>
<a href="https://github.com/Vallejoanderson/retosFrontEndMentor/tree/master/ping-coming-soon-page-master" target="_blank"><i class="iconghub fab fa-github fa-4x"></i></a>
</div>
<div class="card">
<div class="card__top">
<i class="icon fas fa-signal fa-xs icon__top--margin"></i>
<i class="icon fas fa-wifi fa-xs icon__top--margin"></i>
<i class="icon fas fa-battery-full fa-xs icon__top--margin"></i>
</div>
<a href="https://darkmodefemchallenge.vercel.app/" target="_blank"><img class="card__image" src="images/image002.png" alt=""></a>
<div class="card__bottom">
<i class="icon fas fa-square icon__bottom--margin"></i>
<i class="icon far fa-circle icon__bottom--margin"></i>
<i class="icon fas fa-caret-left fa-lg icon__bottom--margin"></i>
</div>
<a href="https://github.com/Vallejoanderson/retosFrontEndMentor/tree/master/base-apparel-coming-soon-master" target="_blank"><i class="iconghub fab fa-github fa-4x"></i></a>
</div>
<div class="card">
<div class="card__top">
<i class="icon fas fa-signal fa-xs icon__top--margin"></i>
<i class="icon fas fa-wifi fa-xs icon__top--margin"></i>
<i class="icon fas fa-battery-full fa-xs icon__top--margin"></i>
</div>
<a href="https://pensive-engelbart-7058e9.netlify.app/" target="_blank"><img class="card__image" src="images/image003.png" alt=""></a>
<div class="card__bottom">
<i class="icon fas fa-square icon__bottom--margin"></i>
<i class="icon far fa-circle icon__bottom--margin"></i>
<i class="icon fas fa-caret-left fa-lg icon__bottom--margin"></i>
</div>
<a href="https://github.com/Vallejoanderson/retosFrontEndMentor/tree/master/intro-component-with-signup-form-master" target="_blank"><i class="iconghub fab fa-github fa-4x"></i></a>
</div>
<div class="card">
<div class="card__top">
<i class="icon fas fa-signal fa-xs icon__top--margin"></i>
<i class="icon fas fa-wifi fa-xs icon__top--margin"></i>
<i class="icon fas fa-battery-full fa-xs icon__top--margin"></i>
</div>
<a href="https://romantic-shirley-072993.netlify.app/" target="_blank"><img class="card__image" src="images/image004.png" alt=""></a>
<div class="card__bottom">
<i class="icon fas fa-square icon__bottom--margin"></i>
<i class="icon far fa-circle icon__bottom--margin"></i>
<i class="icon fas fa-caret-left fa-lg icon__bottom--margin"></i>
</div>
<a href="https://github.com/Vallejoanderson/retosFrontEndMentor/tree/master/single-price-grid-component-master" target="_blank"><i class="iconghub fab fa-github fa-4x"></i></a>
</div>
<div class="card">
<div class="card__top">
<i class="icon fas fa-signal fa-xs icon__top--margin"></i>
<i class="icon fas fa-wifi fa-xs icon__top--margin"></i>
<i class="icon fas fa-battery-full fa-xs icon__top--margin"></i>
</div>
<a href="https://priceless-ritchie-924039.netlify.app/" target="_blank"><img class="card__image" src="images/image005.png" alt=""></a>
<div class="card__bottom">
<i class="icon fas fa-square icon__bottom--margin"></i>
<i class="icon far fa-circle icon__bottom--margin"></i>
<i class="icon fas fa-caret-left fa-lg icon__bottom--margin"></i>
</div>
<a href="https://github.com/Vallejoanderson/retosFrontEndMentor/tree/master/huddle-landing-page-with-single-introductory-section-master" target="_blank"><i class="iconghub fab fa-github fa-4x"></i></a>
</div>
<div class="card">
<div class="card__top">
<i class="icon fas fa-signal fa-xs icon__top--margin"></i>
<i class="icon fas fa-wifi fa-xs icon__top--margin"></i>
<i class="icon fas fa-battery-full fa-xs icon__top--margin"></i>
</div>
<a href="https://thirsty-wing-10e3f2.netlify.app/" target="_blank"><img class="card__image" src="images/image006.png" alt=""></a>
<div class="card__bottom">
<i class="icon fas fa-square icon__bottom--margin"></i>
<i class="icon far fa-circle icon__bottom--margin"></i>
<i class="icon fas fa-caret-left fa-lg icon__bottom--margin"></i>
</div>
<a href="https://github.com/Vallejoanderson/basicJavascriptProjects/tree/master/sideBar" target="_blank"><i class="iconghub fab fa-github fa-4x"></i></a>
</div>
</div>
</section>
</body>
</html>