Головна сторінка Огляд Довідка
Увійти
tati
/
resume
1
0
Відгалуження 0
Файли Проблеми 0 Запити на злиття 0 Wiki
Переглянути джерело

Add base skeleton+styles

Tatiana Inama 8 роки тому
батько
80c7c04155
коміт
722e1032c0
2 змінених файлів з 201 додано та 0 видалено
Об'єднаний вигляд Показати статистику Diff
  1. 86 0
      index.html
  2. 115 0
      styles.css

+ 86 - 0
index.html
Переглянути файл 

@@ -0,0 +1,86 @@
 
+<!doctype html>
 
+
 
+<html lang="en">
 
+<head>
 
+  <meta charset="utf-8">
 
+  <title>Tatiana Inama - Resume</title>
 
+  <meta name="Tatiana Inama" content="Resume">
 
+  <link rel="stylesheet" href="styles.css">
 
+  <link href="https://fonts.googleapis.com/css?family=Lora:400i|Raleway:400,600,700" rel="stylesheet">
 
+</head>
 
+<body>
 
+  <div class="wrapper">
 
+    <div></div>
 
+    <div class="sidebar-wrapper">
 
+      <h1 class="ti-name">
 
+        Tatiana Inama
 
+      </h1>
 
+      <small>
 
+        Fullstack Javascript Developer.<br>
 
+        UX/UI enthusiast.<br>
 
+        Self-taught designer.<br>
 
+        Loves dogs and coffee.
 
+      </small>
 
+
 
+      <div class="sidebar-section">
 
+        <h5>Personal Information</h5>
 
+        <p>
 
+          <span>Date of birth</span>
 
+          15/05/1992
 
+        </p>
 
+        <p>
 
+          <span>Place of birth</span>
 
+          Buenos Aires - Argentina
 
+        </p>
 
+        <p>
 
+          <span>Contact</span>
 
+          tatii.oxo@gmail.com
 
+        </p>
 
+      </div>
 
+    </div>
 
+    <div class="main-wrapper">
 
+      <h2>Experience</h2>
 
+      <div class="experience-wrapper">
 
+        <h3>Musimundo - NEC</h3>
 
+        <small>Hexacta</small>
 
+        <h6>
 
+          Ssr. Javascript/.NET developer<br>
 
+          June 2017 - August 2017
 
+        </h6>
 
+        <p>
 
+          The main objective of this project is to redefine the user/client experience in the sales process of Musimundo. To achieve this, we first define a discovery stage, where we work in 2 fronts:
 
+        </p>
 
+        <ul>
 
+          <li>UX/CX Analysis: Analysis of the current process and defining the different customer and user archetypes; current POS and requirements, functional analysis.</li>
 
+          <li>Technical Side: Definition of the new architecture (the current solution is 4gl), analysis of the headquarters and branches infrastructure, etc.</li>
 
+        </ul>
 
+        <h4>Technologies used:</h4>
 
+        <ul class="technology-list">
 
+          <li>Angular 2</li>
 
+          <li>Typescript</li>
 
+          <li>ASP .NET Web API</li>
 
+        </ul>
 
+      </div>
 
+
 
+      <div class="experience-wrapper">
 
+        <h3>Musimundo - NEC</h3>
 
+        <small>Hexacta</small>
 
+        <h6>
 
+          Ssr. Javascript/.NET developer<br>
 
+          June 2017 - August 2017
 
+        </h6>
 
+        <p>
 
+          The main objective of this project is to redefine the user/client experience in the sales process of Musimundo. To achieve this, we first define a discovery stage, where we work in 2 fronts:
 
+        </p>
 
+        <ul>
 
+          <li>UX/CX Analysis: Analysis of the current process and defining the different customer and user archetypes; current POS and requirements, functional analysis.</li>
 
+          <li>Technical Side: Definition of the new architecture (the current solution is 4gl), analysis of the headquarters and branches infrastructure, etc.</li>
 
+        </ul>  
+      </div>
 
+
 
+    </div>
 
+
 
+    
+  </div>
 
+</body>
 
+</html>

+ 115 - 0
styles.css
Переглянути файл 

@@ -0,0 +1,115 @@
 
+body {
 
+  margin: 0;
 
+  font-family: 'Raleway', sans-serif;
 
+  color: #2A2A2A;
 
+}
 
+
 
+h2 {
 
+  font-weight: 600;
 
+  text-transform: uppercase;
 
+}
 
+
 
+h3 {
 
+  font-weight: 600;
 
+  margin-bottom: 0;
 
+}
 
+
 
+h4 {
 
+  margin: .5em 0;
 
+  font-weight: 600;
 
+  font-size: medium;
 
+  display: inline-block;
 
+}
 
+
 
+h5 {
 
+  margin-bottom: 0;
 
+  font-size: medium;
 
+}
 
+
 
+h6 {
 
+  margin-top: 5px;
 
+  color: #aaa;
 
+  font-weight: 400;
 
+  font-size: small;
 
+  font-family: 'Lora', sans-serif;
 
+  margin-bottom: 1em;
 
+}
 
+
 
+small {
 
+  color: #aaa;
 
+  font-style: italic;
 
+  font-family: 'Lora', serif;
 
+}
 
+
 
+.wrapper {
 
+  display: grid;
 
+  padding: 20px 0px;
 
+  grid-template-columns: .5fr 1.5fr 4fr .5fr;
 
+}
 
+
 
+.sidebar-section p {
 
+  color: #aaa;
 
+  margin: .3em 0;
 
+}
 
+
 
+.sidebar-section p span {
 
+  color: #2A2A2A;
 
+  display: block;
 
+}
 
+
 
+.ti-name {
 
+  margin-bottom: 0;
 
+  text-transform: uppercase;
 
+  font-weight: 900;
 
+}
 
+
 
+.experience-wrapper {
 
+  border-bottom: 1px solid #f0f0f0;
 
+  padding-bottom: 10px;
 
+  text-align: justify;
 
+}
 
+
 
+.experience-wrapper:last-child {
 
+  border: none;
 
+  padding: 0;
 
+}
 
+.experience-wrapper small {
 
+  color: #2A2A2A;
 
+  font-family: 'Raleway', sans-serif;
 
+  font-style: normal;
 
+  font-size: smaller;
 
+}
 
+
 
+.experience-wrapper p {
 
+  margin: .5em 0;
 
+}
 
+
 
+.experience-wrapper ul {
 
+  margin: .5em 0;
 
+}
 
+
 
+.experience-wrapper ul li {
 
+  margin-bottom: .3em;
 
+}
 
+
 
+.experience-wrapper ul li:last-child {
 
+  margin-bottom: 0;
 
+}
 
+
 
+ul.technology-list {
 
+  list-style: none;
 
+  margin: 0;
 
+  padding: 0;
 
+  display: inline-block;
 
+  color: #777;
 
+  font-size: small;
 
+}
 
+
 
+ul.technology-list li {
 
+  display: inline-block;
 
+  background-color: #555;
 
+  color: white;
 
+  padding: 2px 6px;
 
+  border-radius: 4px;
 
+}
 
+