feat: mariateo - add connect section

fix codetapacademy#69
MariaTeo · May 2, 2021 · f531fe4 · f531fe4
1 parent f0e6f80
commit f531fe4
Show file tree

Hide file tree

Showing 2 changed files with 44 additions and 0 deletions.
diff --git a/web/mariateo/my-cv-v3-starter/css/social.css b/web/mariateo/my-cv-v3-starter/css/social.css
@@ -22,6 +22,24 @@
 [class="social-media__github"] {
   background-image: url(../image/github.png);
 }
+[class="social-media__instagram"] {
+  background-image: url(../image/instagram.png);
+}
+[class="social-media__stackoverflow"] {
+  background-image: url(../image/stack-overflow.png);
+}
+[class="social-media__twitter"] {
+  background-image: url(../image/twitter.png);
+}
+[class="social-media__youtube"] {
+  background-image: url(../image/youtube.png);
+}
+[class="social-media__skype"] {
+  background-image: url(../image/skype.png);
+}
+[class="social-media__linkedin"] {
+  background-image: url(../image/linkedin.png);
+}
 
 [data-theme="red"] {
   background-color: var(--color-button-red);

diff --git a/web/mariateo/my-cv-v3-starter/index.html b/web/mariateo/my-cv-v3-starter/index.html
@@ -71,11 +71,37 @@ <h3 class="section-title"><span>Let's</span> <span>connect</span></h3>
         <div data-theme="purple" class="social-media__github"></div>
       </div>
 
+      <div class="column">
+        <div data-theme="green" class="social-media__instagram"></div>
+      </div>
+
+      <div class="column">
+        <div data-theme="purple" class="social-media__stackoverflow"></div>
+      </div>
+
+      <div class="column">
+        <div data-theme="green" class="social-media__twitter"></div>
+      </div>
+
+      <div class="column">
+        <div data-theme="red" class="social-media__youtube"></div>
+      </div>
+
+      <div class="column">
+        <div data-theme="orange" class="social-media__skype"></div>
+      </div>
+
+      <div class="column">
+        <div data-theme="yellow" class="social-media__linkedin"></div>
+      </div>
+
       <div class="row">
         <div class="button-down">
           <img src="image/chevron-down.png" alt="chevron-down">
         </div>
       </div>
+
+
     </div>
   </body>
 </html>