-
Notifications
You must be signed in to change notification settings - Fork 0
/
portfolio.html
executable file
·138 lines (126 loc) · 6.12 KB
/
portfolio.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
<!DOCTYPE html>
<html lang="en"><!-- InstanceBegin template="/Templates/index.dwt" codeOutsideHTMLIsLocked="false" --><head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments)};
gtag('js', new Date());
gtag('config', 'UA-106596129-1');
</script>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/lightbox.css">
<link rel="stylesheet" href="css/fede.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link href="https://afeld.github.io/emoji-css/emoji.css" rel="stylesheet">
<!-- InstanceBeginEditable name="head2" -->
<title>Portfolio</title>
<meta name="description" content="Watch UX/UI real projects">
<meta name="keywords" content="ux, ui, designer, portfolio, personal, page">
<!-- InstanceEndEditable -->
<meta name="author" content="Federico Morilla">
<!-- InstanceParam name="data spy" type="text" value="" -->
<!-- InstanceParam name="target" type="text" value="" -->
<!-- InstanceParam name="style" type="text" value="" -->
<!-- InstanceParam name="script" type="boolean" value="true" -->
<!-- InstanceParam name="ID" type="text" value="" -->
</head>
<body id="" style="" data-spy="" data-target="">
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav m-auto">
<li class="nav-item active">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="resume.html">Resume</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="http://example.com" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Portfolio
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" href="portfolio/ux-projects.html">UX Projects</a>
<a class="dropdown-item" href="portfolio/ui-projects.html">UI Projects</a>
<a class="dropdown-item" href="portfolio/graphic-design-portfolio.html">Graphic Design</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
</div>
</nav>
<!-- InstanceBeginEditable name="cuerpo" -->
<section class="header d-flex align-items-center">
<div class="container text-center">
<h1>header</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur suscipit magni, a.</p>
</div>
</section>
<section class="mt-5 container">
<div class="row">
<div class="col col-lg-6 d-flex align-items-center justify-content-center">
<div class="container-fluid">
<h2>kajsdlf</h2>
<p>lasdlkfj</p>
</div>
</div>
<div class="col col-lg-6">
<div class="row">
<div class="col col-lg-4 p-0"><img class="img-fluid" src="img/ui/600/001.png" alt=""></div>
<div class="col col-lg-4 p-0"><img class="img-fluid" src="img/ui/600/001.png" alt=""></div>
<div class="col col-lg-4 p-0"><img class="img-fluid" src="img/ui/600/001.png" alt=""></div>
<div class="col col-lg-4 p-0"><img class="img-fluid" src="img/ui/600/001.png" alt=""></div>
<div class="col col-lg-4 p-0"><img class="img-fluid" src="img/ui/600/001.png" alt=""></div>
<div class="col col-lg-4 p-0"><img class="img-fluid" src="img/ui/600/001.png" alt=""></div>
</div>
</div>
</div>
</section>
<!-- InstanceEndEditable -->
<footer class="py-5">
<div class="container">
<div class="row d-flex justify-content-between">
<div class="col-12 col-lg-3">
<h2 class="mb-4">Menu</h2>
<ul class="list-unstyled">
<li class="mb-2"><a href="index.html">Home</a></li>
<li class="mb-2"><a href="resume.html">Resume</a></li>
<li class="mb-2"><a href="portfolio/ux-projects.html">UX projects</a></li>
<li class="mb-2"><a href="portfolio/ui-projects.html">UI projects</a></li>
<li class="mb-2"><a href="portfolio/graphic-design-portfolio.html">Graphic design</a></li>
<li class="mb-2"><a href="contact.html">Contact</a></li>
</ul>
</div>
<div class="col-12 col-lg-3">
<h2 class="mb-4">Contact</h2>
<ul class="list-unstyled">
<li class="mb-2"><i class="fa fa-envelope-o" aria-hidden="true"></i> [email protected]</li>
<li class="mb-2"><i class="fa fa-phone" aria-hidden="true"></i> +54 0351 156643079</li>
</ul>
</div>
<div class="col-12 col-lg-3">
<h2 class="mb-4">Social</h2>
<ul class="list-unstyled">
<li class="mb-2"><i class="fa fa-linkedin" aria-hidden="true"></i><a href="https://www.linkedin.com/in/fedemorilla/?locale=en_US" target="_blank"> /fedemorilla</a></li>
</ul>
</div>
</div>
</div>
</footer>
<!-- jQuery first, then Tether, then Bootstrap JS. -->
<script src="js/lightbox.min.js"></script>
<script src="js/lightbox-plus-jquery.min.js"></script>
<!-- InstanceBeginEditable name="script" -->
<!-- InstanceEndEditable -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>
</body>
<!-- InstanceEnd --></html>