MiSitioWeb/aboutProjects.html at main · gon-alt/MiSitioWeb · GitHub

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
<!DOCTYPE html>
<html>
	<head>
		<title>CV LGG</title>

		<!-- meta -->
		<meta charset="UTF-8">
	    <meta name="viewport" content="width=device-width, initial-scale=1">

	    <!-- css -->
		<link rel="stylesheet" href="css/bootstrap.min.css">
		<link rel="stylesheet" href="css/ionicons.min.css">
		<link rel="stylesheet" href="css/pace.css">
	    <link rel="stylesheet" href="css/custom.css">

	    <!-- js -->
	    <script src="js/jquery-2.1.3.min.js"></script>
	    <script src="js/bootstrap.min.js"></script>
	    <script src="js/pace.min.js"></script>
	    <script src="js/modernizr.custom.js"></script>
	</head>

	<body>
		<div class="container">
			<header id="site-header">
				<div class="row">
					<div class="col-md-4 col-sm-5 col-xs-8">
						<div class="logo">
							<h1><a href="index.html"><b>CV</b> Luciano Guido</a></h1>
						</div>
					</div><!-- col-md-4 -->
					<div class="col-md-8 col-sm-7 col-xs-4">
						<nav class="main-nav" role="navigation">
							<div class="navbar-header">
  								<button type="button" id="trigger-overlay" class="navbar-toggle">
    								<span class="ion-navicon"></span>
  								</button>
							</div>

							<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
  								<ul class="nav navbar-nav navbar-right">
    								<li class="cl-effect-11"><a href="https://github.com/gon-alt" data-hover="GitHub"><b>GitHub</b></a></li>
    								<li class="cl-effect-11"><a href="about.html" data-hover="SobreMi"><b>SobreMi</b></a></li>
    								<li class="cl-effect-11"><a href="aboutProjects.html" data-hover="Proyectos"><b>Proyectos</b></a></li>
    								<li class="cl-effect-11"><a href="contact.html" data-hover="Contacto	"><b>Contacto</b></a></li>
  								</ul>
							</div><!-- /.navbar-collapse -->
						</nav>
						<!-- <div id="header-search-box">
							<a id="search-menu" href="#"><span id="search-icon" class="ion-ios-search-strong"></span></a>
							<div id="search-form" class="search-form">
								<form role="search" method="get" id="searchform" action="#">
									<input type="search" placeholder="Search" required>
									<button type="submit"><span class="ion-ios-search-strong"></span></button>
								</form>
							</div>
						</div>
					</div>col-md-8 -->
				</div>
			</header>
		</div>

		<div class="content-body">
			<div class="container">
				<div class="row">
					<main class="col-md-12">
						<h1 class="page-title">Proyectos de Práctica</h1>
						<article class="post">
							<div class="entry-content clearfix">
								<figure class="img-responsive-center">
									<img class="img-responsive" src="img/me.jpg" alt="Developer Image">
								</figure>
								<p>Los siguientes proyectos son el resultado de diferentes instancias de aprendizaje, están ordenados cronológicamente de izquierda a derecha de acuerdo a la fecha de creación.</p>
								<p>Comencé con un sitio web con html, css y javaScript. Geco muestra un poco uno de mis hobbies favoritos que es el ciclismo, luego realice una implementación de Upptime en GitHub, un sitio web que muestra Status de DNS.
									Por último una appABM la cual interactúa con una base de datos creando registros de productos en MongoDB, la cual está implementada en Node.js y deployada en Azure con GitHub Actions.</p>
								<div class="height-40px"></div>
								<h2 class="title text-center"># Proyectos</h2>
								<ul class="social">
									<li class="twitter"><a href="https://gon-alt.github.io/Geko/"><span class="ion-social-html5"></span></a></li>
									<li class="tumblr"><a href="https://gon-alt.github.io/estado_de_sitiosWeb/"><span class="ion-social-github"></span></a></li>
									<li class="google-plus"><a href="https://app-abm-front2.vercel.app/"><span class="ion-social-nodejs"></span></a></li>
								</ul>
							</div>
						</article>
					</main>
				</div>
			</div>
		</div>
		<footer id="site-footer">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<p class="copyright">&copy; 2022 <b>Luciano Guido</b></p>
					</div>
				</div>
			</div>
		</footer>

		<!-- Mobile Menu -->
		<div class="overlay overlay-hugeinc">
			<button type="button" class="overlay-close"><span class="ion-ios-close-empty"></span></button>
			<nav>
				<ul>
					<li><a href="https://github.com/gon-alt">GitHub</a></li>
					<li><a href="about.html">SobreMi</a></li>
					<li><a href="aboutProjects.html">Proyectos</a></li>
					<li><a href="contact.html">Contactos</a></li>
				</ul>
			</nav>
		</div>

		<script src="js/script.js"></script>

	</body>
</html>