-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·144 lines (120 loc) · 7.61 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
138
139
140
141
142
143
144
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="description" content="Marco Gutama. Ingeniero en Electrónica y Telecomunicaciones.">
<link rel="stylesheet" type="text/css" href="vendors/css/normalize.css">
<link rel="stylesheet" type="text/css" href="vendors/css/grid.css">
<link rel="stylesheet" type="text/css" href="vendors/css/animate.css">
<link rel="stylesheet" type="text/css" href="resources/css/style.css">
<link href="https://fonts.googleapis.com/css?family=Lato:100,300,300i,400&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,600&display=swap" rel="stylesheet">
<title>Marco Gutama</title>
<!-- #### FAVICONS ### -->
<link rel="apple-touch-icon" sizes="180x180" href="resources/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="resources/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="resources/favicons/favicon-16x16.png">
<link rel="manifest" href="resources/favicons/site.webmanifest">
<link rel="mask-icon" href="resources/favicons/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="resources/favicons/favicon.ico">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="resources/favicons/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
</head>
<!-- #### VANTA JS PLUGIN ### -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js"></script>
<!-- <div id="background_animation"> </div>-->
<body>
<header>
<div id="background_animation"> </div>
<nav>
<div class="row">
<img src="resources/img/Asset1.png" alt="MG Logo" class="logo">
<h3>MARCO GUTAMA</h3>
<!-- <img src="resources/img/Asset3.png" alt="MG Logo" class="logo">-->
<ul class="main-nav">
<li><a href="#galeria">Work</a></li>
<li><a href="#">About</a></li>
</ul>
</div>
</nav>
<div class="hero-text-box-container">
<div class="hero-text-box">
<img src="resources/img/Asset4(2).png" alt="Gutama Logo" class="logoGutama">
<!-- <h1>Marco Gutama</h1> -->
<!-- <h2>Electrónica y Telecomunicaciones</h2>-->
<!--<a class="btn btn-full" href="#">Boton 1</a>
<a class="btn btn-ghost" href="#">Boton 2</a>-->
</div>
<div class="iconos">
<ul class="social-links">
<li><a href="https://github.com/marcogutama" target="_blank"><ion-icon name="logo-github" class="facebook-icon"></ion-icon></a> </li>
<li><a href="https://www.linkedin.com/in/marcogutama/" target="_blank"><ion-icon name="logo-linkedin" class="twitter-icon"></ion-icon></a> </li>
<li><a href="mailto:[email protected]" target="_blank"><ion-icon name="mail" class="google-icon"></ion-icon></a> </li>
<li><a href="https://web.whatsapp.com/send?phone=593983413559&text=Bienvenido.%20En%20que%20te%20puedo%20ayudar?" target="_blank"><ion-icon name="logo-whatsapp" class="instagram-icon"></ion-icon></a> </li>
<li><a href="resources/my_resume.pdf" target="_blank"><ion-icon name="document" class="facebook-icon"></ion-icon></a> </li>
</ul>
</div>
</div>
</header>
<!--
<section class="section-gallery js--section-gallery" id="galeria">
<div class="row">
<h2>Electronic & Telecomunications Engineering</h2>
<p class="long-copy">
Hi, I'm Marco Paúl GUTAMA, a lover of technology and its science. I share some of the projects I have worked on or currently working on. Also some courses that I am developing.
</p>
</div>
<div class="row boton-container">
<button type="button" class="btn filter" data-rel="all">Show All</button>
<button type="button" class="btn filter" data-rel="1">Logo Design</button>
<button type="button" class="btn filter" data-rel="2">Projects</button>
<button type="button" class="btn filter" data-rel="3">Courses</button>
</div>
<p id="demo"></p>
<div class="row gallery js--wp-1" id="gallery">
<div class="pics animation all 1 2">
<img id = "home-button" class="img-fluid" src="resources/img/proyectos/iiaot-dark.png" alt="Card image cap">
</div>
<div class="pics animation all 1">
<img class="img-fluid" src="resources/img/proyectos/mentor-dark.png" alt="Card image cap">
</div>
<div class="pics animation all 2">
<img class="img-fluid" src="resources/img/proyectos/gym-dark.png" alt="Card image cap">
</div>
<div class="pics animation all 3"> -->
<!-- <img class="img-fluid" src="resources/img/proyectos/mg-dark.png" alt="Card image cap">-->
<!-- <img class="img-fluid" src="resources/img/proyectos/altium-dark.png" alt="Card image cap">
</div>
<div class="pics animation all 1">
<img class="img-fluid" src="resources/img/proyectos/mg1-dark.png" alt="Card image cap">
</div>
<div class="pics animation all 3">
<img class="img-fluid" src="resources/img/proyectos/arduino-dark.png" alt="Card image cap">
</div>
</div>
</section>
-->
<script src="https://unpkg.com/[email protected]/dist/ionicons.js"></script>
<!-- Para poder utilizar java scripts-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- Para que funcionee css3 en older browsers (internet explorer 6-8)-->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/src/respond.js"></script>
<!-- Para que funcionee html5 en older browsers-->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/html5shiv.min.js"></script>
<!-- Para que funcionee css3 pseudo classes en older browsers (internet explorer 6-8)-->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/selectivizr.min.js"></script>
<!-- To trigger a function when you scroll to an element-->
<!--<script src="vendors/js/jquery.waypoints.min.js"></script>-->
<script src="resources/js/script.js"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-145824015-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-145824015-1');
</script>
</body>
</html>