⚡ Update index.html

Sette · Sep 19, 2024 · e1f43ce · e1f43ce
1 parent 60b1858
commit e1f43ce
Showing 1 changed file with 42 additions and 14 deletions.
diff --git a/index.html b/index.html
@@ -6,46 +6,74 @@
     <meta name="description" content="Portfolio of Bruno Silva Sette, Data Scientist.">
     <title>Bruno Silva Sette | Data Scientist</title>
     <style>
+        @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
+
         body {
-            font-family: Arial, sans-serif;
+            font-family: 'Roboto', sans-serif;
             margin: 0;
             padding: 0;
             background-color: #f4f4f4;
             color: #333;
         }
+
         header {
-            background-color: #333;
+            background: linear-gradient(135deg, #4a90e2, #50b0c4);
             color: #fff;
-            padding: 20px;
+            padding: 40px 20px;
             text-align: center;
+            position: relative;
+            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
         }
+
+        header .logo {
+            width: 60px;
+            height: 60px;
+            border-radius: 50%;
+            background-color: #fff;
+            display: inline-block;
+            margin-bottom: 15px;
+            background-image: url('https://via.placeholder.com/60'); /* Substituir por um ícone ou logotipo */
+            background-size: cover;
+        }
+
+        header h1 {
+            font-size: 2.5em;
+            margin: 10px 0;
+            font-weight: 700;
+            letter-spacing: 1px;
+        }
+
+        header p {
+            font-size: 1.2em;
+            margin: 0;
+            font-weight: 400;
+            opacity: 0.85;
+        }
+
         .container {
             max-width: 800px;
-            margin: 20px auto;
+            margin: 40px auto;
             padding: 20px;
             background-color: #fff;
             box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
         }
-        h1, h2, h3 {
+
+        h2, h3 {
             color: #333;
         }
+
         .section {
             margin-bottom: 20px;
         }
-        .contact-info {
-            list-style: none;
-            padding: 0;
-        }
-        .contact-info li {
-            margin-bottom: 10px;
-        }
+
         footer {
             text-align: center;
-            padding: 10px;
+            padding: 20px;
             background-color: #333;
             color: #fff;
-            margin-top: 20px;
+            margin-top: 40px;
         }
+
     </style>
 </head>
 <body>