-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
137 lines (133 loc) · 6.37 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
137
<!DOCTYPE html>
<html>
<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">
<title>Marco Couto | Web Dev</title>
<link rel="icon" href="favicon.ico" type="image/png" />
<link href="https://fonts.googleapis.com/css?family=Reem+Kufi|Roboto:300" rel="stylesheet">
<link href="https://use.fontawesome.com/releases/v5.13.1/css/all.css" rel="stylesheet">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/styles.css">
<!-- <link rel="stylesheet" href="css/themes/indigo-white.css"> -->
<!-- <link rel="stylesheet" href="css/themes/green-white.css"> -->
<!-- <link rel="stylesheet" href="css/themes/red-white.css"> -->
<!-- <link rel="stylesheet" href="css/themes/grey-white.css"> -->
<!-- <link rel="stylesheet" href="css/themes/white-indigo.css"> -->
<!-- <link rel="stylesheet" href="css/themes/white-blue.css"> -->
<link rel="stylesheet" href="css/themes/white-grey.css">
<!-- <link rel="stylesheet" href="css/themes/white-red.css"> -->
<!-- <link rel="stylesheet" href="css/themes/yellow-black.css"> -->
</head>
<body>
<main>
<div class="intro">Hi, I'm Marco!</div>
<div class="tagline">Full Stack Web Dev | Code Fanatic | Linux Proficient </div>
<!-- Find your icons from here - https://fontawesome.com/icons?d=gallery&s=brands -->
<div class="icons-social">
<a target="_blank" href="https://github.com/MarcoCouto"><i class="fab fa-github"></i></a>
<a target="_blank" href="https://gitlab.com/MarcoCouto"><i class="fab fa-gitlab"></i></a>
<!-- <a target="_blank" href="https://dev.to/flexdinesh"><img src="" /></a> -->
<a target="_blank" href="https://stackoverflow.com/story/marco-couto"><i class="fab fa-stack-overflow"></i></a>
<a target="_blank" href="https://www.linkedin.com/in/marco-couto"><i class="fab fa-linkedin"></i></a>
<a target="_blank" href="https://twitter.com/KMarco10"><i class="fab fa-twitter"></i></a>
<a target="_blank" href="mailto:[email protected]?subject=Contact from webpage"><i class="fas fa-envelope-open-text"></i></a>
<!-- <a target="_blank" href="https://medium.com/@flexdinesh"><img src="" /></a> -->
<!-- <a target="_blank" href="https://www.freecodecamp.org"><img src="" /></a> -->
<!-- <a target="_blank" href="https://www.behance.net"><img src="" /></a> -->
<!-- <a target="_blank" href="https://codepen.io"><img src="" /></a> -->
</div>
<div class="flex justify-center mt-15">
<a href="https://raw.githubusercontent.com/MarcoCouto/MarcoCouto.github.io/master/docs/cv.pdf" class="btn"><i class="far fa-file-pdf"></i>Full Resume</a>
</div>
<div class="tech-stack">
<div class="tagline">I'm an enthusiastic web developer, who loves to build things and experiment with new tech</div>
<div class="stack-row flex justify-center align-center">
<span class="tech tooltip js">
<img src="https://upload.vectorlogo.zone/logos/javascript/images/239ec8a4-163e-4792-83b6-3f6d96911757.svg" />
<span class="tooltip-text">Javascript</span>
</span>
<span class="tech tooltip html">
<img src="https://www.vectorlogo.zone/logos/w3_html5/w3_html5-icon.svg" />
<span class="tooltip-text">HTML</span>
</span>
<span class="tech tooltip css">
<img src="https://www.vectorlogo.zone/logos/w3_css/w3_css-icon.svg" />
<span class="tooltip-text">CSS</span>
</span>
<span class="tech tooltip vue">
<img src="https://www.vectorlogo.zone/logos/vuejs/vuejs-icon.svg" />
<span class="tooltip-text">Vue</span>
</span>
<span class="tech tooltip react">
<img src="https://www.vectorlogo.zone/logos/reactjs/reactjs-icon.svg" />
<span class="tooltip-text">Reactjs</span>
</span>
<span class="tech tooltip python">
<img src="https://www.vectorlogo.zone/logos/python/python-icon.svg" />
<span class="tooltip-text">Python</span>
</span>
</div>
<div class="stack-row flex justify-center align-center">
<span class="tech tooltip php">
<img src="https://www.vectorlogo.zone/logos/php/php-icon.svg" />
<span class="tooltip-text">PHP</span>
</span>
<span class="tech tooltip sass">
<img src="https://www.vectorlogo.zone/logos/sass-lang/sass-lang-icon.svg" />
<span class="tooltip-text">Sass</span>
</span>
<span class="tech tooltip less">
<img src="https://www.vectorlogo.zone/logos/lesscss/lesscss-icon.svg" />
<span class="tooltip-text">Less</span>
</span>
<span class="tech tooltip tailwind">
<img src="https://www.vectorlogo.zone/logos/tailwindcss/tailwindcss-icon.svg" />
<span class="tooltip-text">Tailwind</span>
</span>
<span class="tech tooltip bootstrap">
<img src="https://www.vectorlogo.zone/logos/getbootstrap/getbootstrap-icon.svg" />
<span class="tooltip-text">Bootstrap</span>
</span>
<span class="tech tooltip git">
<img src="https://www.vectorlogo.zone/logos/git-scm/git-scm-icon.svg" />
<span class="tooltip-text">Git</span>
</span>
</div>
<div class="stack-row flex justify-center align-center">
<span class="tech tooltip sql">
<img src="https://www.vectorlogo.zone/logos/mysql/mysql-icon.svg" />
<span class="tooltip-text">SQL databases</span>
</span>
<span class="tech tooltip ansible">
<img src="https://www.vectorlogo.zone/logos/ansible/ansible-icon.svg">
<span class="tooltip-text">Ansible</span>
</span>
<span class="tech tooltip vagrant">
<img src="https://www.vectorlogo.zone/logos/vagrantup/vagrantup-icon.svg">
<span class="tooltip-text">Vagrant</span>
</span>
<span class="tech tooltip linode">
<img src="https://www.vectorlogo.zone/logos/linode/linode-icon.svg" />
<span class="tooltip-text">Linode</span>
</span>
<span class="tech tooltip trello">
<img src="https://www.vectorlogo.zone/logos/trello/trello-icon.svg" />
<span class="tooltip-text">Trello</span>
</span>
<span class="tech tooltip asana">
<img src="https://upload.vectorlogo.zone/logos/asana/images/cae029cc-73d9-4b0d-83e2-70893c439061.svg" />
<span class="tooltip-text">Asana</span>
</span>
</div>
<div class="stack-row flex justify-center align-center">
<span class="tech tooltip docker">
<img src="https://www.vectorlogo.zone/logos/docker/docker-icon.svg" />
<span class="tooltip-text">Docker/span>
</span>
</div>
</div>
</main>
</body>
</html>