add spanish version

* rename portuguese version as well
kaiorosa1 · May 3, 2019 · 1aec855 · 1aec855
1 parent 93933ff
commit 1aec855
Show file tree

Hide file tree

Showing 2 changed files with 121 additions and 0 deletions.
diff --git a/index-es.html b/index-es.html
@@ -0,0 +1,121 @@
+<!DOCTYPE html>
+<html lang="pt-br" >
+<head>
+  <meta charset="UTF-8">
+  <title>Kaio Rosa's Page</title>
+  <link rel="stylesheet" href="css/style.css">
+  <!-- Bootstrap CSS -->
+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
+  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
+
+</head>
+<body>
+
+<div id="main">
+  <nav id="navbar" class="navbar fixed-top navbar-expand-lg navbar-dark bg-dark">
+    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+    <span class="navbar-toggler-icon"></span>
+  </button>
+    <div class="collapse navbar-collapse" id="navbarSupportedContent">
+      <ul class="navbar-nav mr-auto">
+        <li class="nav-item"><a class="nav-link" href="#welcome-section">Home</a></li>
+        <li class="nav-item"><a class="nav-link" href="#projects">Trabajos</a></li>
+        <li class="nav-item"><a class="nav-link" href="#about-me">Sobre Mi</a></li>
+        <li class="nav-item"><a class="nav-link" href="#contact-me">Contacto</a></li>
+      </ul>
+      <ul class="navbar-nav navbar-right">
+        <div class="nav-item flag-lang" >
+          <a href="">
+            <img class="flag" src="https://lipis.github.io/flag-icon-css/flags/4x3/br.svg" alt="Brazil Flag">  
+          </a>
+          </div>
+        <div class="nav-item flag-lang" >
+          <a href="/index.html">
+            <img class="flag" src="https://lipis.github.io/flag-icon-css/flags/4x3/us.svg" alt="USA Flag">  
+          </a>
+        </div>
+      </ul>
+    </div>
+  </nav>
+  <section id="welcome-section">
+    <div class="welcome-text">
+      <img class="profile-img" src="https://scontent.fsdu2-2.fna.fbcdn.net/v/t1.0-9/31947003_1663953643690690_4545111907920510976_n.jpg?_nc_cat=100&_nc_ht=scontent.fsdu2-2.fna&oh=8c3c0e2d9e4a170d032492ee45383ca3&oe=5D479CB8" alt="">
+      <h1>Hola, Soy Kaio Rosa</h1>
+      <h3>Desarrollador de Software</h3>
+    </div>
+  </section>
+  <section id="projects">
+     <div class="h2-style">
+    <h2>Projetos</h2>
+    </div>
+    <div class="project-tile">
+      <div class="row">
+        <div class="col-md-4">
+          <div class="card">
+            <a href="https://codepen.io/kaiorosa1/full/GzYXdX" target="_blank">
+        <img src="https://lh3.googleusercontent.com/HxzfB8kgBFH2m0-YvgMiw_lWD3eIa8pIp7TCIYsAo-3w7f900o3ygWuvqT5ploRXmo5k68424jJ-1NdrSdcqKT_nMNsW6qSF3rJz4FUCdo7IP8QoaMxzwDeV4MYYCixubHwj7ttg23PaKHPIhPU79Ib-cWteb1PUvAh4irBAtjr0rXCmcY9KooRN4JXs7fDkEsFndH543QL_qAbEJ9cIC2QZHc_NBVjXuEEzZ9kuLdEHEOTgPNnvZd4HNugxuFKBt2zURKGegTIwsuCw6dAKvtdVmt6ylylQlvP68A2PldZVjbXDqtrVVM0QbClpLVCxdA3bNtr0FYSXt_gvK0FjjtnFXv0FOnKb1JksE87gDVcajegrxBb3whxXgkjq9dAenOMzkEwhDpck-hZ6EG22JdBqfQkKYvA491h3FN9xWbORobK9uJEX4TpqCEhG9DqUOIbB3Ns6ANrF46VEMbxObD0UvNi9r1V-F2gScY1cFgP6WDm2xGMKrglINJHJ-hoToWzzeaqyCIsvu-ireI4D7dGDjdZUEP97KGGNTL0rMOXDYRTfBwadQMzEutT3gTvUHiNjwEN4WPT1bzIzarVEDy0_2UiueCNBXvrZoVGtJKhmToLP2Vx_U1sSFUqrvyRH73XfOizqBDKRJNxg03FBaYe8fsvP6Ls6=w1364-h564-no" alt="product landing page photo" target="_blank" style="width:100%">
+        <div class="card-body">
+          <h5 class="card-title">Product Page (freeCodeCamp)</h5>
+        </div>
+      </a>
+          </div>
+        </div>
+        <div class="col-md-4">
+          <div class="card">
+            <a href="https://codepen.io/kaiorosa1/full/GzxWWq" target="_blank">
+        <img src="https://lh3.googleusercontent.com/mAfWVTT-B4SpVurKTRF9uMjDs6RrUroIJT6K3aT2UdMwpIGlJnJpiLAJylkpqcDZkoebIbcocrVBBQeAWyBCmOlSF8WSwa2anrG17YVBzyep_N7kN_UTIBbK22SBQkMzmIUZK0ZXN7QOADYhrrhFck211gutG0GBbv0RQ-PvTIf-gZ950T5gyt1o8_odDKWkQOwMNQ7wiGAkmCXHiK52FAbypCr_3csbT8zSmlbWc9ehyV4mEMZFZbfm7GR1a6-09g0jXxsw8rzeOrPCVh33Vm1cfWo1Z3pHJL8yzwT3myiJEOyuSSHOjjICbb7Zuw4B8Lu5kKZ7tlq6KU0ySzDrnQ0Gz6woEO5BE-Pt9WTo5Q3w5NKUbawDl15QTBlBHuC8aNdaCssL6EpAMWWk4QYGn-MulZcCG2jkV2ahylczcyQXLCFGTcQMs7vxZycu_gVtU4MaA802WB3sXDvSA-eLz3EW5g5Dr86agIQdvTyg-K35puV3b_9CJNKiCN9gWl-f7RRJo_oP-Yo3Us4fjgQ4jzRdEu7vfsfRyhu08U_EV2kseJK8A8a3f2J82vZBgzRHSJh3BnnRP4OQHXgsNG-49SixKPlrgb5QS3hOciC_f5sff3CJGFCMiFLCx_g-bm4gWVGPS8KO8b7m7ByV-N1ixiE7rRHF0RzE=w1355-h625-no" alt="survey page photo" target="_blank" style="width:100%">
+        <div class="card-body">
+          <h5 class="card-title">Survey Page (freeCodeCamp)</h5>
+        </div>
+      </a>
+        </div>
+        </div>
+        <div class="col-md-4">
+          <div class="card">
+            <a href="https://codepen.io/kaiorosa1/full/rPpVOM" target="_blank">
+                <img src="https://lh3.googleusercontent.com/jSUV2Laff94YjvjMW9p9i1qJ5cmkctmx417zxPVy3jggUXS7Ne8ZaPb4nhpCaCCXHIr6Zo--Sd57RELjGcPuLimSmQkeAbwlKNCKLExVEzSZcMO93tLnwD3nTTcp7wonHF0icJ9qJFBkA5CSxU2bjVZMul8oUMoyaeJjDX5K86wd8jngo8lMy8Unm99AGBoOdlf3436t77Fstjq5riZ8Uv-ApUcc1YRS6LthARKj7wGeMrftWr2BURWmJSPPv6dAKvMwt0UA8C4XEvELkGWGbDH0Y-x73YfON1HNRAyic9LgzkYX1IweaZQntOc5ZD0-tgMswlWmhJtctWfDAEcLmAT9eKEwTpd7iomD7QfuE6nexi7qHhsEPM6txVoIIqb9vFaKTHY8C3r3c8l7fCUHTICGvmDKVA3hZdwiRtV_y1iyx7Ha5CRxAPcWuOkbl_VJeVGhVXVZ1IVcsaPNo0X4QlDZFRpW9Q_gCnsXpOwrlB_ic53HaSkHJ7yduty89-j3xy_L5bCcQasBYCoeasImym_sE-jFmWLS69be8zh2bI7D4rXamHRGKh0MinA3S2swR0f-pfVMhF8p0DNDcH-d7iCrl4wVE-3iFOZ-nr8eFsz18CZdJ0b9JZ79DSleEUKrjq6YHYvqQ6AjHwVYDUqzfIapc-wmj-ni=w1358-h625-no" alt="tribute page photo" target="_blank" style="width:100%">
+                <div class="card-body">
+                    <h5 class="card-title">Tribute Page (freeCodeCamp)</h5>
+                </div>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+</section>
+<section id="about-me">
+        <div class="h2-style">
+            <h2>Sobre Mi</h2>
+        </div>
+        <div class="about-me-div">
+            <p>Soy Kaio Rosa. Tengo 23 anos e sou um desarrollador web auto-didata.</p>
+                <h3>Tecnologias:</h3>
+            <ul>
+                <li>HTML</li>
+                <li>CSS</li>
+                <li>JavaScript</li>
+                <li>Git</li>
+                <li>MySQL</li>
+            </ul>
+        </div>
+</section>
+<section id="contact-me">
+  <div class="h2-style">
+  <h2>Contato</h2>
+  </div>
+  <div class="icon-display">
+    <a id="profile-link" href="https://github.com/kaiorosa1" target="_blank"> <i class="fab fa-github fa-5x"></i></a>
+    <a id="profile-link" href="https://www.linkedin.com/in/kaio-rosa-2a5340ba/" target="_blank"> <i class="fab fa-linkedin fa-5x"></i></a>
+    <a id="profile-link" href="https://twitter.com/Kaio_Rosa" target="_blank"> <i class="fab fa-twitter fa-5x"></i></a>
+  </div>
+</section>
+</div>
+
+<!-- Optional JavaScript -->
+<!-- jQuery first, then Popper.js, then Bootstrap JS -->
+<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.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
+<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
+<script  src="js/index.js"></script>
+</body>
+</html>
diff --git a/pt-br.html → index-pt.html b/pt-br.html → index-pt.html