-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
119 lines (119 loc) · 13.1 KB
/
Copy pathindex.html
File metadata and controls
119 lines (119 loc) · 13.1 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
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portfólio de Alan</title>
<!-- FAVICON -->
<link rel="shortcut icon" href="s_img/logos/logoeyespace.png" type="image/x-icon">
<!-- Google Fonts-->
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,700;0,900;1,300;1,700;1,900&display=swap" rel="stylesheet">
<!-- DEVIcons -->
<link rel="stylesheet" type='text/css' href="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/devicon.min.css" />
<!-- CSS -->
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<main id="container">
<aside id="bio-container">
<h2>Alan Marques</h2>
<img id="bio-image" src="s_img/me/memain.jpeg" alt="Alan Marques">
<p>Olá, eu sou o Alan Marques <span class="highlight-rosa"><br>Desenvolvedor Junior</span></p>
<p id="welcome-text">Seja bem-vindo!</p>
<ul id="social-container"> <!-- Mídias Sociais -->
<!-- Ion Icons -->
<li><a href="https://www.instagram.com/marqueesdev/" target="_blank"><ion-icon name="logo-instagram"></ion-icon></a></li>
<li><a href="https://www.linkedin.com/in/alanmarques-/" target="_blank"><ion-icon name="logo-linkedin"></ion-icon></a></li>
<li>
<a href="https://github.com/MarqueesDev" target="_self"><ion-icon name="logo-github"></ion-icon></a>
<small id="comment">Pessoal</small>
</li>
<li>
<a href="https://github.com/M0rdek4y/" target="_blank"><ion-icon name="logo-github"></ion-icon></a>
<small id="comment">Profissional</small>
</li>
<!-- DevIcons -->
<li><a href="https://www.behance.net/marques_designer" target="_blank"><i class="devicon-behance-plain"></i></a></li>
</ul>
<div id="email-container">
<ion-icon name="mail-outline"></ion-icon><a href="mailto:dev.marquesaguiar@gmail.com">dev.marquesaguiar@gmail.com</a>
</div>
</aside>
<span class="teste"></span>
<section id="about-container">
<!-- HIGHLIGHTS A CONFIGURAR-->
<h1 id="name">Alan Marques</h1>
<p id="title"><span class="highlight-rosa">Desenvolvedor Junior</span></p>
<p class="description">Sou um Desenvolvedor no inicio de minha carreira, buscando se tornar um <span class="highlight-rosa"></span>especialista na área</span>, gosto de participar de projetos desde a <span class="highlight-verde">base das regras de negócio</span> até o <span class="highlight-verde">deploys da aplicação</span></p>
<p class="description">Atuo tanto no <span class="highlight-ciano">front-end</span> como no <span class="highlight-laranja">back-end</span>, atualmente possuo maior experiência como <span class="highlight-ciano">front-end</span>, mas em contrapartida estou me aprofundando no <span class="highlight-laranja">back-end</span> em busca de um equilibrio entre front e back para se tornar um bom <span class="highlight-roxo">desenvolvedor fullstack</span>; tenho como objetivo atuar em grandes empresas na criação e desenvolvimento de código de qualidade.</p>
<a href="https://github.com/MarqueesDev=repositories" id="btn-projects"><ion-icon name="share-social"></ion-icon> <span>Ver Projetos</span></a>
<h2 id="skills-section-title">Minhas Skills</h2>
<p class="description">Conheça as tecnologias que domino:</p>
<div id="skills-container">
<div class="skills-box">
<p class="skills-title">Front-end</p>
<i class="devicon-html5-plain colored"></i>
<i class="devicon-css3-plain colored"></i>
<i class="devicon-javascript-plain colored"></i>
</div>
<div class="skills-box">
<p class="skills-title">Back-end</p>
<i class="devicon-php-plain colored"></i>
<i class="devicon-python-plain colored"></i>
<!-- <i class="devicon-c#-plain colored"></i> -->
</div>
<div class="skills-box">
<p class="skills-title">Database</p>
<i class="devicon-mysql-original colored"></i>
<i class="devicon-postgresql-plain colored"></i>
<i>
<svg viewBox="0 0 128 128">
<path fill="#382a24" d="M59.691 2.094h8.371c23.727 2.445 41 14.258 51.813 35.445 3.223 7.078 5.152 14.461 5.785 22.152v8.371c-2.445 23.727-14.258 41-35.445 51.813-7.078 3.223-14.461 5.152-22.153 5.785h-8.37c-23.727-2.445-41-14.258-51.817-35.445-3.223-7.078-5.148-14.461-5.781-22.153v-8.37c2.445-23.727 14.258-41 35.445-51.817C44.617 4.652 52 2.727 59.691 2.094Zm0 0"></path>
<path fill="#e1d7cb" d="M111.383 63.383c-.266-6.586-1.988-12.742-5.168-18.461a13.7 13.7 0 0 0 .617-5.906c-.508-1.262-1.45-1.957-2.832-2.094a83.255 83.255 0 0 0-6.398-.121c.441-.2.933-.324 1.476-.371a43.914 43.914 0 0 0-10.34-10.953c-5.183-4.274-11.175-6.407-17.968-6.399-5.375.11-10.383 1.543-15.016 4.305-9.809 5.61-17.93 13.074-24.371 22.402-2 .23-4.012.352-6.028.367-10.464-1.644-13.5 2.38-9.109 12.063a158.88 158.88 0 0 1 4.922 10.832c-.223 2.95-.387 5.902-.492 8.86A248.742 248.742 0 0 0 11.69 93.66c-.164.328-.328.328-.492 0-8.031-15.05-9.797-30.805-5.293-47.262 6.77-20.222 20.27-33.722 40.492-40.492C68.355.13 87.883 4.641 104.984 19.446c15.66 15.304 21.774 33.808 18.34 55.507-2.812 14.043-9.582 25.734-20.308 35.078-.54.473-1.114.801-1.723.985-1.535-4.579-1.25-9.047.86-13.414a72.913 72.913 0 0 0 7.386-16.247c1.758-5.918 2.371-11.906 1.844-17.972Zm0 0"></path>
<path fill="#fcfcfc" d="M88.738 25.477a43.914 43.914 0 0 1 10.34 10.953 4.507 4.507 0 0 0-1.476.37 42.537 42.537 0 0 0-12.309 2.708c-3.856.187-7.711.308-11.57.367-.98.398-1.965.441-2.953.125-2.778-.117-5.075-1.227-6.895-3.324-2.73-1.668-5.602-1.996-8.613-.985-2.13 1.461-2.91 3.47-2.34 6.032 1.308 2.324 1.676 4.785 1.11 7.386a9.527 9.527 0 0 0-.618 1.23A122.545 122.545 0 0 0 35.2 71.263a40.046 40.046 0 0 0-3.691 8.613c-.492 4.273 1.273 7.184 5.293 8.742a26.73 26.73 0 0 0 6.89 1.723c-1.968 1.496-4.187 1.988-6.644 1.476a35.732 35.732 0 0 1-8.984-2.832 250.424 250.424 0 0 0-8.247 16.246 165.412 165.412 0 0 1-4.8-5.66 1.046 1.046 0 0 1 0-.984 196.52 196.52 0 0 1 6.89-14.523c1.282 2.269 3.13 3.789 5.54 4.554-1.93-1.851-3.122-4.11-3.571-6.77a31.083 31.083 0 0 1 1.234-12.554c4.938-15.84 13.84-28.93 26.707-39.262 5.551-3.965 11.704-6.508 18.461-7.633 6.403-.437 12.559.586 18.461 3.079Zm0 0"></path>
<path fill="#382a24" d="M70.77 40a89.404 89.404 0 0 0-10.094 4.309 100.73 100.73 0 0 0-6.524 5.293.607.607 0 0 1-.12-.493c.566-2.601.198-5.062-1.11-7.386-.57-2.563.21-4.57 2.34-6.032 3.011-1.011 5.883-.683 8.613.985 1.82 2.097 4.117 3.207 6.895 3.324Zm0 0"></path>
<path fill="#372923" d="M97.602 36.8c2.132-.042 4.265 0 6.398.122 1.383.137 2.324.832 2.832 2.094a13.7 13.7 0 0 1-.617 5.906c-1.508 4.21-3.809 7.941-6.89 11.203-2.157 1.457-4.454 1.703-6.895.738-5.399-1.61-9.707-4.687-12.922-9.234-1.024-2.582-.328-4.594 2.094-6.027 1.23-.7 2.46-1.395 3.691-2.094A42.537 42.537 0 0 1 97.602 36.8Zm0 0"></path>
<path fill="#887363" d="M85.293 39.508c-1.23.699-2.461 1.394-3.691 2.094-2.422 1.433-3.118 3.445-2.094 6.027 3.215 4.547 7.523 7.625 12.922 9.234 2.441.965 4.738.719 6.894-.738 3.082-3.262 5.383-6.992 6.89-11.203 3.18 5.719 4.903 11.875 5.169 18.46a55.431 55.431 0 0 1-4.797 11.079 33.985 33.985 0 0 1-3.078 3.816 51.437 51.437 0 0 0-3.445 2.586l-.247-.37a32.512 32.512 0 0 0 .86-12.677 9.456 9.456 0 0 0-1.23-3.199 43.144 43.144 0 0 1-4.184 15.754c-3.172 5.95-8.051 8.043-14.645 6.274-9.86-2.813-18.515-7.696-25.972-14.645a37.628 37.628 0 0 0 2.464 8.617c1.52 4.586 1.93 9.262 1.23 14.028a15.734 15.734 0 0 1-.984 2.957 117.498 117.498 0 0 0-8.617 16.984 51.671 51.671 0 0 0-1.968 6.644.94.94 0 0 1-.618.493c-10.257-3.22-19.039-8.715-26.336-16.493a250.509 250.509 0 0 1 8.247-16.246 35.732 35.732 0 0 0 8.984 2.832c2.457.512 4.676.02 6.644-1.476a26.73 26.73 0 0 1-6.89-1.723c-4.02-1.558-5.785-4.469-5.293-8.742a40.046 40.046 0 0 1 3.691-8.613A122.545 122.545 0 0 1 53.414 50.34c.176-.426.383-.836.617-1.23a.607.607 0 0 0 .121.492 100.73 100.73 0 0 1 6.524-5.293A89.404 89.404 0 0 1 70.77 40c.988.316 1.972.273 2.953-.125 3.863-.059 7.718-.184 11.57-.367Zm0 0"></path>
<path fill="#fbfbfb" d="M102.031 83.078a88.223 88.223 0 0 1-5.785 16.738c-.52.973-1.3 1.63-2.34 1.97l-.246-.372a25.19 25.19 0 0 0 1.477-9.23 43.549 43.549 0 0 1-4.059 10.586c-1.89.777-3.82.898-5.785.367a7.794 7.794 0 0 1-1.356-2.582 55.403 55.403 0 0 1-1.105-9.356c7.805.528 14.203-2.18 19.2-8.12Zm0 0"></path>
</svg>
</i>
</div>
<!-- <div class="skills-box">
<p class="skills-title">Front-end-Frameworks</p>
<i class="devicon-react-plain colored"></i>
<i class="devicon-vuejs-plain colored"></i>
<i class="devicon--plain colored"></i>
</div> -->
<div class="skills-box">
<p class="skills-title">Back-end Frameworks</p>
<i class="devicon-laravel-original colored"></i>
</div>
<div class="skills-box">
<p class="skills-title">Design</p>
<i id="ps-color" class="devicon-photoshop-plain colored"></i>
<i class="devicon-illustrator-plain colored"></i>
<i id="premiere-color" class="devicon-premierepro-plain colored"></i>
<i id="after-color" class="devicon-aftereffects-plain colored"></i>
</div>
<div class="skills-box">
<p class="skills-title">Tools</p>
<i id="border-white" class="devicon-linux-plain colored"></i>
<i class="devicon-docker-plain colored"></i>
<!-- verificar -->
<i class="devicon-gitbash-plain colored"></i>
<i id="border-white" class="devicon-bash-plain colored"></i>
<i>
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 45 45">
<linearGradient id="Yjxgqidz2JT1PABcYtFE5a_vIbsCQXkSp6l_gr1" x1="31.645" x2="31.645" y1="6.839" y2="40.615" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#e68e00"></stop><stop offset=".036" stop-color="#e38400"></stop><stop offset=".171" stop-color="#db6200"></stop><stop offset=".299" stop-color="#d44a00"></stop><stop offset=".417" stop-color="#d03b00"></stop><stop offset=".515" stop-color="#cf3600"></stop><stop offset=".878" stop-color="#d22900"></stop><stop offset="1" stop-color="#d42400"></stop></linearGradient><path fill="url(#Yjxgqidz2JT1PABcYtFE5a_vIbsCQXkSp6l_gr1)" d="M35.883,7.341C37.726,7.85,39,9.508,39,11.397v25.162c0,1.906-1.301,3.57-3.168,4.065 L24.29,43.863L28,36V11l-3.148-6.885L35.883,7.341z"></path><linearGradient id="Yjxgqidz2JT1PABcYtFE5b_vIbsCQXkSp6l_gr2" x1="13.922" x2="29.051" y1="34.951" y2="41.073" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f52537"></stop><stop offset=".293" stop-color="#f32536"></stop><stop offset=".465" stop-color="#ea2434"></stop><stop offset=".605" stop-color="#dc2231"></stop><stop offset=".729" stop-color="#c8202c"></stop><stop offset=".841" stop-color="#ae1e25"></stop><stop offset=".944" stop-color="#8f1a1d"></stop><stop offset="1" stop-color="#7a1818"></stop></linearGradient><path fill="url(#Yjxgqidz2JT1PABcYtFE5b_vIbsCQXkSp6l_gr2)" d="M28,35v3.927c0,3.803-3.824,6.249-7.019,4.491l-6.936-4.445 c-0.802-0.466-1.236-1.462-0.964-2.457C13.334,35.59,14.202,35,15.115,35H28z"></path><linearGradient id="Yjxgqidz2JT1PABcYtFE5c_vIbsCQXkSp6l_gr3" x1="5.382" x2="25.874" y1="32.289" y2="1.78" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#d96ab1"></stop><stop offset=".137" stop-color="#d9538b"></stop><stop offset=".495" stop-color="#d91a2a"></stop><stop offset=".575" stop-color="#d31a29"></stop><stop offset=".68" stop-color="#c21926"></stop><stop offset=".8" stop-color="#a71821"></stop><stop offset=".929" stop-color="#811619"></stop><stop offset="1" stop-color="#691515"></stop></linearGradient><path fill="url(#Yjxgqidz2JT1PABcYtFE5c_vIbsCQXkSp6l_gr3)" d="M21.946,4.526l-11.924,6.786C8.772,12.024,8,13.351,8,14.789v18.429 c0,1.357,1.459,2.215,2.645,1.554l4.472-2.491C15.662,31.978,16,31.402,16,30.778V17.743c0-1.307,0.78-2.48,1.963-2.949L28,11.308 v-3.09C28,5.014,24.669,2.983,21.946,4.526z"></path>
</svg>
</i>
</div>
</div>
</section>
</main>
<!-- IonIcons -->
<!-- <script src="https://unpkg.com/ionicons@4.5.10-0/dist/ionicons.js"></script> -->
<!-- IonIcons 7.1.0 -->
<script type="module" src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"></script>
</body>
</html>