-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
167 lines (159 loc) · 11.2 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
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
<!DOCTYPE html>
<html lang="es">
<head>
<title>Dja.Red</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="/img/FavIcon.svg" type="image/x-icon">
<meta charset="UTM-8"/>
<!-- favicon -->
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<!--Import Google Icon Font-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!--CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<link rel="stylesheet" href="./css/styles.css">
</head>
<body>
<main container>
<!-- header -->
<nav class="headerDj black">
<div class="nav-wrapper container">
<a href="#" class="brand-logo right waves-effect waves-light"><img src="/img/LogoBlack.svg" alt="Logo Dja.Red"></a>
<a href="#" data-target="mobile-demo" class="sidenav-trigger left valign-wrapper"><i class="material-icons">menu</i></a>
<ul class="ulDj left hide-on-med-and-down">
<li><a class="valign-wrapper waves-effect waves-light" href="./pages/es.html">Español</a></li>
<li><a class="valign-wrapper waves-effect waves-light" href="#services">Services</a></li>
<!-- <li><a class="valign-wrapper waves-effect waves-light" target="_blank" href="/pages/certificates.html">Certificates</a></li> -->
<li><a class="valign-wrapper waves-effect waves-light" href="#contact">Contact</a></li>
<li><a class="valign-wrapper waves-effect waves-light" target="_blank" href="/docs/CV - Dario 2020 EN.pdf">CV</a></li>
</ul>
</div>
</nav>
<!-- sidebar -->
<ul class="sidenav left" id="mobile-demo">
<li><a href="./pages/es.html">Español</a></li>
<li><a href="#services">Services</a></li>
<li><a target="_blank" href="/pages/certificates.html">Certificates</a></li>
<li><a href="#contact">Contact</a></li>
<li><a target="_blank" href="/docs/CV - Dario 2020 EN.pdf">HV</a></li>
</ul>
<!--action button-->
<div class="fixed-action-btn toolbar">
<a class="btnDJ btn-floating btn-large">
<i class="large material-icons">contact_mail</i>
</a>
<ul class="black">
<!-- GitHub -->
<li><a target="_blank" href="https://github.com/Djarrieta/" class="btn-floating"><i><img class="btn-ul-DJ" src="/img/github_32px.png" alt="WhatsApp"></i></a></li>
<!-- LinkedIn -->
<li><a target="_blank" href="https://www.linkedin.com/in/dario-jose-arrieta-deavila-ba49307b/" class="btn-floating"><i><img class="btn-ul-DJ" src="/img/linkedin_circled_30px.png" alt="WhatsApp"></i></a></li>
<!-- Torre -->
<li><a target="_blank" href="https://bio.torre.co/es/dariojosearrieta" class="btn-floating"><i><img class="btn-ul-DJ" src="/img/Torre_32px.png" alt="WhatsApp"></i></a></li>
<!-- WhatsApp -->
<li><a target="_blank" href="https://wa.me/573008718217" class="btn-floating"><i><img class="btn-ul-DJ" src="/img/whatsapp_32px.png" alt="WhatsApp"></i></a></li>
<!-- back -->
<li ><a href="#" class="btn-floating"><i class="material-icons">contact_mail</i></a></li>
</ul>
</div>
<!-- hero -->
<div class="container">
<div class="row section">
<div class="col s12 m12 l6 center-aling ">
<img class="responsive-img imgDj" src="./img/Hero-img.jpg" alt="">
</div>
<div class="col s12 m12 l6 center-aling">
<p class="Hero-parrDj right-align">
<strong class="flow-text Hero-nameDJ">I'm Darío Arrieta, mechanical engineer.</strong> <br><br> My eight years as an engineering professional at a scaffold rental company has equipped me with substantial problem-solving skills. Working with people and technology I have managed subordinates in structure assembly and disassembly, modelled structures analytically with softwares such as Solidworks and Sketchup and improved employees’ functions in using ISO9001 standards and developing desktop software applications with JS, C#, Power BI and VBA.
</p>
</div>
</div>
</div>
<!-- services -->
<div id= 'services' class="container">
<blockquote><H4>SERVICES</H4></blockquote>
<div class="row">
<!-- Web Developing -->
<div class="col s12 m12 l4">
<div class="card hoverable">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="/img/1.png">
<p class="container" >Everything you need for your company. Email, domain, hosting, UX and UI desing and more... Pay per month. </p>
</div>
<div class="card-content">
<p></p>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">Web Developing<i class="material-icons right">close</i></span>
<p>Don't worry about what a domain name, hosting, branding or UX desing is. You only need to know that we will do everything necessary until you have an email ([email protected]) and a professional website. For more information contact us. <br> <br> <strong class="flow-text">Just $100 USD per month.</strong> </p>
<br> <a target="_blank" href="http://fallprosystem.com.co/">Ex: Fallpro System</a>
<br> <a target="_blank" href="https://djarrieta.github.io/Games-Simon-says/">Ex: Dja Games</a>
</div>
</div>
</div>
<!-- Data Analysis -->
<div class="col s12 m12 l4">
<div class="card hoverable">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="/img/2.png">
<p class="container" >Make decisions at time analysing the data of your company from your phone or laptop. </p>
</div>
<div class="card-content">
<p></p>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">Data Analysis<i class="material-icons right">close</i></span>
<p>Reports and data models by cloud and online. You don't need a Power BI account. <a target="_blank" href="https://app.powerbi.com/view?r=eyJrIjoiMWQwOTg1YjYtZDJiYi00MDIwLTg0ZjUtNTAwNjgxY2JjYmI2IiwidCI6ImExZDY2YTExLTY1YWUtNDkwYy1iNDgzLTViZTM5NjI1NjE1OSJ9">this.</a><br> <br> <strong class="flow-text">Just $100 USD per month per dashboard.</strong> </p>
<br> <a target="_blank" href="https://app.powerbi.com/view?r=eyJrIjoiMWQwOTg1YjYtZDJiYi00MDIwLTg0ZjUtNTAwNjgxY2JjYmI2IiwidCI6ImExZDY2YTExLTY1YWUtNDkwYy1iNDgzLTViZTM5NjI1NjE1OSJ9">Ex: Power BI Analysis</a>
</div>
</div>
</div>
<!-- Desktop Applications -->
<div class="col s12 m12 l4">
<div class="card hoverable">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="/img/3.png">
<p class="container" >Improve your employee’s functions by using multi-user and easy to use desktop applications without incurring additional expenses.</p>
</div>
<div class="card-content">
<p></p>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">Desktop Applications<i class="material-icons right">close</i></span>
<p>IImprove your employee’s functions by using multi-user and easy to use desktop applications without incurring additional expenses. <br> <br> <strong class="flow-text">Just $100 USD per month.</strong> </p>
<br> <a target="_blank" href="https://www.youtube.com/watch?v=NgOYpthzlAc">Ex: MTTO-SOFT APPLICATION</a>
</div>
</div>
</div>
</div>
</div>
</main>
<!-- Footer -->
<footer id="contact" class="black white-text">
<div class="container center">
<div class="PrincipalContact">
<p class="valign-wrapper"><img src="./icon/phone_50px.png" alt="">(+57) 300 871 8217</p>
<p class="valign-wrapper"><img src="./icon/secured_letter_50px.png" alt="">[email protected]</p>
</div>
<div class="SecundaryContact">
<a target="_blank" href="https://wa.me/573008718217" ><img src="/icon/whatsapp_80px.png" alt="WhatsApp"></a>
<a target="_blank" href="https://github.com/Djarrieta/" ><img src="/icon/github_64px.png" alt="GitHub"></a>
<a target="_blank" href="https://www.linkedin.com/in/dario-jose-arrieta-deavila-ba49307b/" ><img src="/icon/linkedin_60px.png" alt="LinkedIn"></a>
<a target="_blank" href="https://bio.torre.co/es/dariojosearrieta" ><img src="/icon/hexagon_50px.png" alt="Torre"></a>
<a target="_blank" href="https://twitter.com/DaroArrieta1" ><img src="/icon/twitter_50px.png" alt="Twitter"></a>
<a target="_blank" href="https://www.youtube.com/channel/UC6nZdwHrNtNUeKUFjqcB-1Q?view_as=subscriber" ><img src="/icon/youtube_50px.png" alt="YouTube"></a>
</div>
<div class="footer--CopyRight left">
<span>©2020 Dja.Red. All rights reserved.</span>
</div>
</div>
</footer>
<!-- Materialize Compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<!-- https://www.smtpjs.com/ -->
<script src="https://smtpjs.com/v3/smtp.js"></script>
<!-- sweet alert -->
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
<!-- Local -->
<script src="/js/js.js"></script>
</body>
</html>