Mteheran
diff --git a/‎api/wwwroot/assets/css/style.css‎
Lines changed: 26 additions & 12 deletions b/‎api/wwwroot/assets/css/style.css‎
Lines changed: 26 additions & 12 deletions
diff --git a/‎api/wwwroot/assets/img/1.jpg‎
-1.19 MB b/‎api/wwwroot/assets/img/1.jpg‎
-1.19 MB
diff --git a/‎api/wwwroot/assets/img/flag-of-colombia.jpg‎
-8 MB b/‎api/wwwroot/assets/img/flag-of-colombia.jpg‎
-8 MB
diff --git a/‎api/wwwroot/assets/img/flag.png‎
-5.77 KB b/‎api/wwwroot/assets/img/flag.png‎
-5.77 KB
diff --git a/‎api/wwwroot/assets/img/map-min.png‎
15.5 KB b/‎api/wwwroot/assets/img/map-min.png‎
15.5 KB
diff --git a/‎api/wwwroot/assets/img/map.png‎
-44.8 KB b/‎api/wwwroot/assets/img/map.png‎
-44.8 KB
diff --git a/‎api/wwwroot/index.html‎
Lines changed: 5 additions & 5 deletions b/‎api/wwwroot/index.html‎
Lines changed: 5 additions & 5 deletions
@@ -29,7 +29,7 @@ h2 {
 .hero p {
   color: var(--theme-bg);
   font-size: 1.2rem;
-  margin-bottom: 1rem;
+  margin-bottom: 1.5rem;
   line-height: 1.5rem;
 }
 
@@ -45,8 +45,8 @@ h2 {
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
-  padding: 8rem 4rem;
-  gap: 3.5rem;
+  padding: 0rem 4rem;
+  gap: 3rem;
 }
 
 .hero img {
@@ -64,23 +64,37 @@ h2 {
   position: relative;
 }
 
-.deco-amar {
-  width: 20%;
+.deco-yellow {
+  width: 10%;
   background-color: #ffeb3b;
   border-radius: 0px 7px 7px 0px;
-  padding: 15px;
+  padding: 10px;
 }
 
-.deco-azul {
-  width: 20%;
+.deco-blue {
+  width: 10%;
   background-color: #214290;
   border-radius: 0px 7px 7px 0px;
-  padding: 13px;
+  padding: 8px;
 }
 
-.deco-rojo {
-  width: 20%;
+.deco-red {
+  width: 10%;
   background-color: #e40002;
   border-radius: 0px 7px 7px 0px;
-  padding: 13px;
+  padding: 8px;
+}
+
+.btn-githud{
+  background-color: #214290;
+  border: 1px solid #e9ffff;
+  color: #e8edf7;
+  border-radius: 0.5rem;
+  font-size: 1rem;
+  padding: 0.5rem 1rem;
+  text-align: center;
+  text-decoration: none;
+  text-transform: uppercase;
+  font-weight: 700;
+  width: 100%;
 }
@@ -9,9 +9,9 @@
   <body>
     <main class="layout, border">
       <section class="deco-colombia">
-        <div class="deco-amar"></div>
-        <div class="deco-azul"></div>
-        <div class="deco-rojo"></div>
+        <div class="deco-yellow"></div>
+        <div class="deco-blue"></div>
+        <div class="deco-red"></div>
       </section>
       <section class="hero">
         <div class="title-container">
@@ -22,9 +22,9 @@ <h2>Api Colombia</h2>
             public api that contains info about Colombia, <br />
             departments, cities, tourists places and presidents
           </p>
-          <a class="btn-githud" href="">Ver documentacion</a>
+          <a class="btn-githud" href="https://github.com/Mteheran/api-colombia" target="_blank">view repository</a>
         </div>
-        <img src="./assets/img/map.png" alt="mapa-Colombia" />
+        <img src="./assets/img/map-min.png" loading="lazy" alt="mapa-Colombia" />
       </section>
       <section></section>
     </main>