ajuste de background

diiineeei · Jun 30, 2023 · 55b9d58 · 55b9d58
1 parent 3eeccd6
commit 55b9d58
Show file tree

Hide file tree

Showing 4 changed files with 28 additions and 12 deletions.
diff --git a/assets/css/styles.css b/assets/css/styles.css
@@ -9,9 +9,14 @@
 /* styles.css */
 /* ======= Base ======= */
 body {
+  margin: 0;
+  background-image: url('assets/images/stars.jpg');
+  background-size: 100%;
+  background-attachment: fixed;
+  background-position: center;
+
   font-family: 'Roboto', sans-serif;
   color: #545E6C;
-  background: #f5f5f5;
   font-size: 14px;
   padding: 30px;
   -webkit-font-smoothing: antialiased;

diff --git a/assets/images/profile.png b/assets/images/profile.png
diff --git a/assets/images/stars.jpg b/assets/images/stars.jpg
diff --git a/index.html b/index.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="pt-BR">
 <head>
-    <title>Rodinei Lima Resumo/CV Desenvolvedor</title>
+    <title>Rodinei CV</title>
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -21,29 +21,40 @@
     <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
     <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
     <![endif]-->
+    <style>
+        body {
+            margin: 0;
+            background-image: url('assets/images/stars.jpg');
+            background-size: 100%;
+            background-attachment: fixed;
+            background-position: center;
+
+            font-family: 'Roboto', sans-serif;
+            color: #545E6C;
+            font-size: 14px;
+            padding: 30px;
+            -webkit-font-smoothing: antialiased;
+            -moz-osx-font-smoothing: grayscale;
+        }
+    </style>
 </head>
 <body>
-<div class="wrapper">
+<div class="content wrapper">
     <div class="sidebar-wrapper ">
         <div class="profile-container">
             <img class="profile" src="assets/images/profile.png" alt="Foto de perfil">
-            <h1 class="name">Rodinei Rodrigo de Lima</h1>
+            <h1 class="name">Rodinei Lima</h1>
             <h3 class="tagline">Desenvolvedor</h3>
         </div><!--//profile-container-->
 
         <div class="education-container container-block">
             <h2 class="container-block-title">Contato</h2>
             <div class="item">
-                <h4 class="degree"><a href="mailto:rodinei.lima97@gmail.com">rodinei.lima97@gmail.com</a></h4>
-                <h4 class="degree"><a href="tel:+5511966502142">(11) 9 6650 2142</a></h4>
-                <h4 class="degree"><a href="https://github.com/seu-usuario">github.com/seu-usuario</a></h4>
+                <h4 class="degree"><i class="fa fa-phone"></i><a href="tel:+5511966502142"> (11) 9 6650 2142</a></h4>
+                <h4 class="degree"><i class="fa fa-linkedin"></i><a href="https://www.linkedin.com/in/rodineii/"> linkedin.com/in/rodineii</a></h4>
+                <h4 class="degree"><i class="fa fa-github"></i><a href="https://github.com/diiineeei"> github.com/diiineeei</a></h4>
             </div>
         </div>
-        <div class="contact-container container-block">
-                <i class="fa fa-phone"></i><a href="tel:+5511966502142">(11) 9 6650 2142</a>
-                <i class="fa fa-linkedin"></i><a href="https://www.linkedin.com/in/seu-linkedin">linkedin.com/in/seu-linkedin</a>
-                <i class="fa fa-github"></i><a href="https://github.com/seu-usuario">github.com/seu-usuario</a>
-        </div><!--//contact-container-->
 
         <div class="education-container container-block">
             <h2 class="container-block-title">Educação</h2>