ソースを参照

Add base skeleton+styles

Tatiana Inama 8 年 前
コミット
722e1032c0
2 ファイル変更201 行追加0 行削除
  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;
+}
+