forked from raymag/old-mainpage
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
130 lines (123 loc) · 7.73 KB
/
index.html
File metadata and controls
130 lines (123 loc) · 7.73 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
120
121
122
123
124
125
126
127
128
129
130
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<title>MagnoDev</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="UTF-8">
<meta name="author" content="Carlos Magno">
<meta name="description" content="Portifólio de Carlos Magno, desenvolvedor web">
<link rel="stylesheet" href="./css/style.css">
<link rel="icon" type="image/png" href="./assets/images/icons/icon-512x512.png" />
<script src="https://kit.fontawesome.com/4ab7ff6abe.js"></script>
</head>
<body>
<header id="main-box">
<div id="main-text-box">
<svg aria-hidden="true" focusable="false" style="width:0;height:0;position:absolute">
<LinearGradient id="gradient">
<stop offset="0%" stop-color="var(--base-fuschia)" />
<stop offset="50%" stop-color="var(--base-blue)" />
<stop offset="100%" stop-color="var(--base-fuschia)" />
</LinearGradient>
</svg>
<section id="letters">
<a title="Sobre o desenvolvedor" href="#about"><svg width="531" height="104" viewBox="0 0 531 104" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M102.099 2.35198V102H88.9951V27.696L55.8751 102H46.6591L13.3951 27.552V102H0.291138V2.35198H14.4031L51.2671 84.72L88.1311 2.35198H102.099Z" stroke="white"/>
<path d="M183.65 79.68H139.874L131.81 102H117.986L154.274 2.20798H169.394L205.538 102H191.714L183.65 79.68ZM179.906 69.024L161.762 18.336L143.618 69.024H179.906Z" stroke="white"/>
<path d="M297.386 30.72C294.602 24.864 290.57 20.352 285.29 17.184C280.01 13.92 273.866 12.288 266.858 12.288C259.85 12.288 253.514 13.92 247.85 17.184C242.282 20.352 237.866 24.96 234.602 31.008C231.434 36.96 229.85 43.872 229.85 51.744C229.85 59.616 231.434 66.528 234.602 72.48C237.866 78.432 242.282 83.04 247.85 86.304C253.514 89.472 259.85 91.056 266.858 91.056C276.65 91.056 284.714 88.128 291.05 82.272C297.386 76.416 301.082 68.496 302.138 58.512H262.106V47.856H316.106V57.936C315.338 66.192 312.746 73.776 308.33 80.688C303.914 87.504 298.106 92.928 290.906 96.96C283.706 100.896 275.69 102.864 266.858 102.864C257.546 102.864 249.05 100.704 241.37 96.384C233.69 91.968 227.594 85.872 223.082 78.096C218.666 70.32 216.458 61.536 216.458 51.744C216.458 41.952 218.666 33.168 223.082 25.392C227.594 17.52 233.69 11.424 241.37 7.10398C249.05 2.68798 257.546 0.47998 266.858 0.47998C277.514 0.47998 286.922 3.11998 295.082 8.39998C303.338 13.68 309.338 21.12 313.082 30.72H297.386Z" stroke="white"/>
<path d="M412.344 102H399.24L346.536 22.08V102H333.432V1.48798H346.536L399.24 81.264V1.48798H412.344V102Z" stroke="white"/>
<path d="M480.186 103.008C470.874 103.008 462.378 100.848 454.698 96.528C447.018 92.112 440.922 86.016 436.41 78.24C431.994 70.368 429.786 61.536 429.786 51.744C429.786 41.952 431.994 33.168 436.41 25.392C440.922 17.52 447.018 11.424 454.698 7.10398C462.378 2.68798 470.874 0.47998 480.186 0.47998C489.594 0.47998 498.138 2.68798 505.818 7.10398C513.498 11.424 519.546 17.472 523.962 25.248C528.378 33.024 530.586 41.856 530.586 51.744C530.586 61.632 528.378 70.464 523.962 78.24C519.546 86.016 513.498 92.112 505.818 96.528C498.138 100.848 489.594 103.008 480.186 103.008ZM480.186 91.632C487.194 91.632 493.482 90 499.05 86.736C504.714 83.472 509.13 78.816 512.298 72.768C515.562 66.72 517.194 59.712 517.194 51.744C517.194 43.68 515.562 36.672 512.298 30.72C509.13 24.672 504.762 20.016 499.194 16.752C493.626 13.488 487.29 11.856 480.186 11.856C473.082 11.856 466.746 13.488 461.178 16.752C455.61 20.016 451.194 24.672 447.93 30.72C444.762 36.672 443.178 43.68 443.178 51.744C443.178 59.712 444.762 66.72 447.93 72.768C451.194 78.816 455.61 83.472 461.178 86.736C466.842 90 473.178 91.632 480.186 91.632Z" stroke="white"/>
</svg></a>
</section>
<!-- <h1 id="main-title"><a title="Sobre o desenvolvedor" href="#about">Carlos Magno</a></h1> -->
<!-- <br> -->
<p id="main-text">Desenvolvedor Web</p>
</div>
<div id="main-background">
</div>
</header>
<section id="projects-box" class="box">
<h2 id="projects-title">projetos</h2>
<a href="https://pad-io.herokuapp.com" class="card" id="card-1">
<img src="./assets/images/projects/star.png" class="card-icon"/>
<h2 class="card-title">PAD</h2>
<p class="card-text">Plataforma para Correção de Redações</p>
</a>
<a href="https://papo-io.herokuapp.com/" class="card" id="card-2">
<img src="./assets/images/projects/sun.png" class="card-icon"/>
<h2 class="card-title">Papo Reto</h2>
<p class="card-text">A sala de bate papo mais simplória da web</p>
</a>
<a href="https://bond-tk.000webhostapp.com/" class="card" id="card-3">
<img src="./assets/images/projects/molecule.png" class="card-icon"/>
<h2 class="card-title">Bond</h2>
<p class="card-text">Rede Social orientada a comunidades</p>
</a>
<a href="games/guila_defense" class="card" id="card-4">
<img src="./assets/images/projects/heart-card.png" class="card-icon"/>
<h2 class="card-title">Guila Defense</h2>
<p class="card-text">Minigame 2D construído com Unity</p>
</a>
<a href="https://github.com/raymag/magxpbot" class="card" id="card-5">
<img src="./assets/images/projects/robot.png" class="card-icon"/>
<h2 class="card-title">MagXpBot</h2>
<p class="card-text">Protótipo de chatbot feito com a API do Telegram</p>
</a>
<a href="https://github.com/raymag/tirapelada" class="card" id="card-6">
<img src="./assets/images/projects/football.png" class="card-icon"/>
<h2 class="card-title">Tirapelada</h2>
<p class="card-text">Gerador de times de futebol</p>
</a>
</section>
<section id="skills-box">
<h2 id="skills-title">Skills</h2>
<article class="card card-white card-sm">
<img src="./assets/images/skills/python.png" title="Python" class="card-icon"/>
<h2 class="card-title">Python</h2>
</article>
<article class="card card-white card-sm">
<img src="./assets/images/skills/php.png" title="Php" class="card-icon"/>
<h2 class="card-title">PHP</h2>
</article>
<article class="card card-white card-sm">
<img src="./assets/images/skills/javascript.png" title="Javascript" class="card-icon"/>
<h2 class="card-title">Javascript</h2>
</article>
<article class="card card-white card-sm">
<img src="./assets/images/skills/mysql.png" title="MySql" class="card-icon"/>
<h2 class="card-title">MySql</h2>
</article>
<article class="card card-white card-sm">
<img src="./assets/images/skills/mongodb.png" title="MongoDB" class="card-icon"/>
<h2 class="card-title">MongoDB</h2>
</article>
<article class="card card-white card-sm">
<img src="./assets/images/skills/html-css.png" title="HTML/CSS" class="card-icon"/>
<h2 class="card-title">HTML/CSS</h2>
</article>
<article class="card card-white card-sm">
<img src="./assets/images/skills/unity.png" title="Unity" class="card-icon"/>
<h2 class="card-title">Unity2D</h2>
</article>
</section>
<section id="personal-data">
<section id="about">
<h2 id="dev-title">Carlos Magno Nascimento</h2>
<p id="dev-subtitle">Desenvolvedor Web</p>
<div id="dev-picture"></div>
<p id="dev-bio">
Técnico em Informática, entusiasta de tecnologia, introvertido, INTJ, geek, eclético músical, curioso por natureza; <br> System.out.println("H3llo W0rld");</p>
<br><p id="email">prayk11@gmail.com</p>
</section>
<section id="contact">
<a href="https://github.com/raymag" id="github-icon" target="_blank" title="Github" alt="github" class="fab fa-github"></a>
<a href="https://instagram.com/blayde88" id="instagram-icon" target="_blank" title="Instagram" alt="instagram" class="fab fa-instagram"></a>
<a href="https://twitter.com/C_IMagno" id="twitter-icon" target="_blank" title="Twitter" alt="twitter" class="fab fa-twitter"></a>
<a href="https://dev.to/raymag" id="dev-icon" target="_blank" title="Dev" alt="dev" class="fab fa-dev"></a>
</section>
</section>
<footer id="footer">
<a href="#main-box" title="Ir ao topo" id="footer-text">MagnoDev - 2019</a>
</footer>
</body>
</html>