add flags not finished

kaiorosa1 · Mar 30, 2019 · eb51e13 · eb51e13
1 parent 3b893ef
commit eb51e13
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/css/style.css b/css/style.css
@@ -43,7 +43,10 @@ li {
   justify-content: center;
   flex-direction: column;
 }
-
+.flag-lang{
+  margin: 5px;
+  width: 30px;
+}
 .welcome-text {
   display: flex;
   height: 100%;

diff --git a/index.html b/index.html
@@ -22,13 +22,21 @@
         <li class="nav-item"><a class="nav-link" href="#projects">Projects</a></li>
         <li class="nav-item"><a class="nav-link" href="#contact-me">Contact Me</a></li>
       </ul>
+      <ul class="navbar-nav navbar-right">
+        <div class="nav-item flag-lang" >
+          <img class="flag" src="https://lipis.github.io/flag-icon-css/flags/4x3/br.svg" alt="Brazil Flag">  
+        </div>
+        <div class="nav-item flag-lang" >
+          <img class="flag" src="https://lipis.github.io/flag-icon-css/flags/4x3/us.svg" alt="USA Flag">  
+        </div>
+      </ul>
     </div>
   </nav>
   <section id="welcome-section">
     <div class="welcome-text">
       <h1>Hey, I'm Kaio Rosa</h1>
       <h3>Software Developer</h3>
-    </div>
+      </div>
   </section>
   <section id="projects">
      <div class="h2-style">