Add Landing Pages

josemartinezrdev · Apr 5, 2024 · 364f4ce · 364f4ce
1 parent ae7f1e1
commit 364f4ce
Show file tree

Hide file tree

Showing 24 changed files with 282 additions and 18 deletions.
diff --git a/aa/index.css b/aa/index.css
@@ -1,10 +1,13 @@
+@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap");
+
 * {
   margin: 0;
   box-sizing: border-box;
 }
 
 body {
   margin: 25px;
+  font-family: "Poppins", sans-serif;
 }
 
 .grid {

diff --git a/ac/index.css b/ac/index.css
@@ -1,10 +1,13 @@
+@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap");
+
 * {
   margin: 0;
   box-sizing: border-box;
 }
 
 body {
   margin: 25px;
+  font-family: "Poppins", sans-serif;
 }
 
 .grid {

diff --git a/ae/index.css b/ae/index.css
@@ -1,10 +1,13 @@
+@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap");
+
 * {
   margin: 0;
   box-sizing: border-box;
 }
 
 body {
   margin: 25px;
+  font-family: "Poppins", sans-serif;
 }
 
 .grid {

diff --git a/ag/index.css b/ag/index.css
@@ -1,9 +1,12 @@
+@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap");
+
 * {
   margin: 0;
   box-sizing: border-box;
 }
 
 body {
+  font-family: "Poppins", sans-serif;
   margin: 25px;
   box-sizing: border-box;
 }

diff --git a/ba/index.css b/ba/index.css
@@ -1,9 +1,12 @@
+@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap");
+
 * {
   margin: 0;
   box-sizing: border-box;
 }
 
 img {
+  font-family: "Poppins", sans-serif;
   width: 70%;
   margin: 10px auto;
 }
@@ -72,6 +75,11 @@ i {
 }
 
 @media (min-width: 930px) {
+  .grid {
+    display: grid;
+    grid-template-columns: 1fr;
+  }
+
   .cont {
     display: flex;
     height: 80%;
@@ -82,7 +90,7 @@ i {
   }
 
   img {
-    width: 50%;
+    width: 40%;
   }
 
   .img1 {
@@ -111,7 +119,7 @@ i {
   }
 
   .title {
-    font-size: 3rem;
+    font-size: 3.6rem;
     text-align: start;
   }
 
@@ -130,6 +138,7 @@ i {
 
   .list {
     flex-direction: row;
-    width: 70%;
+    width: 80%;
+    height: 100%;
   }
 }
diff --git a/ba/index.html b/ba/index.html
@@ -44,8 +44,9 @@ <h1 class="title">New designs<br />New inspirations</h1>
           <div class="list-item">
             <i class="bx bxs-cloud" style="color: #929292"></i>
             <p class="sub-title">Title 3</p>
-            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
-            <subtext></subtext>
+            <p class="sub-text">
+              Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+            </p>
           </div>
         </div>
       </div>

diff --git a/bc/index.css b/bc/index.css
@@ -6,6 +6,10 @@
   font-family: "Poppins", sans-serif;
 }
 
+body {
+  font-family: "Poppins", sans-serif;
+}
+
 img {
   width: 80%;
 }

diff --git a/be/index.css b/be/index.css
@@ -6,29 +6,49 @@
   color: #252525;
 }
 
+body {
+  font-family: "Poppins", sans-serif;
+}
+
 .grid {
   margin: 25px;
   display: grid;
   grid-template-columns: 1fr;
-  gap: 20px;
+  gap: 30px;
 }
 
 .grid-item {
   display: flex;
   flex-direction: column;
-  gap: 20px;
+  align-items: center;
+  gap: 30px;
+  justify-content: center;
 }
 
 .div-info-f1 {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    gap: 25px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 25px;
 }
 
 .star {
-    width: 20%;
-
+  width: 20%;
+  position: relative;
+  z-index: 1;
+}
+
+.div-imgs-f1 {
+  display: flex;
+  justify-content: center;
+}
+
+.div-imgs-f1 img {
+  width: 80%;
+}
+
+.img-3 {
+  width: 80%;
 }
 
 .btn {
@@ -40,6 +60,40 @@
   border-radius: 25px;
 }
 
-img {
-  width: 10%;
+@media (min-width: 930px) {
+  .grid {
+    grid-template-columns: repeat(3, 1fr);
+  }
+
+  .titles {
+    font-size: 3rem;
+  }
+
+  .text {
+    font-size: 1rem;
+  }
+
+  .star {
+    bottom: 35%;
+    left: 35%;
+  }
+
+  .star-2 {
+    position: relative;
+    bottom: 13%;
+    right: 25%;
+  }
+
+  .div-imgs-f1 {
+    display: flex;
+    justify-content: center;
+  }
+
+  .div-imgs-f1 img {
+    width: 100%;
+  }
+
+  .img-3 {
+    width: 90%;
+  }
 }
diff --git a/be/index.html b/be/index.html
@@ -19,13 +19,12 @@ <h1 class="titles">Adventure Voyage Wandering</h1>
         </div>
         <img src="imgs/be1.png" alt="img-star" class="star" />
         <div class="div-imgs-f1">
-          <img src="imgs/be2.png" alt="img-1" />
+          <img src="imgs/be2.png" alt="img-1"/>
         </div>
       </div>
 
       <div class="grid-item">
-        <p class="text-curvo">Plant . Tree . Nature</p>
-        <img src="imgs/be3.png" alt="img-3" />
+        <img src="imgs/be3.png" alt="img-3" class="img-3" />
       </div>
 
       <div class="grid-item">

diff --git a/bg/imgs/bg1.png b/bg/imgs/bg1.png
diff --git a/bg/imgs/bg2.png b/bg/imgs/bg2.png
diff --git a/bg/imgs/bg3.png b/bg/imgs/bg3.png
diff --git a/bg/imgs/bg4.png b/bg/imgs/bg4.png
diff --git a/bg/index.css b/bg/index.css
@@ -0,0 +1,120 @@
+@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
+
+* {
+  margin: 0;
+  box-sizing: border-box;
+  color: #252525;
+}
+
+body {
+  background-color: #f2f2f2;
+  font-family: "Poppins", sans-serif;
+}
+
+hr {
+  border: none;
+  background-color: #252525;
+  width: 60px;
+  height: 3px;
+  border-radius: 5px;
+}
+
+.grid {
+  margin: 25px;
+  display: grid;
+  grid-template-columns: 1fr;
+  gap: 30px;
+}
+
+.grid-item {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 30px;
+  justify-content: center;
+}
+
+.title {
+  font-size: 2.1rem;
+  text-align: center;
+}
+
+.text {
+  text-align: justify;
+}
+
+.btn {
+  text-align: center;
+  padding: 10px 30px;
+  background-color: #252525;
+  text-decoration: none;
+  color: white;
+  border-radius: 25px;
+}
+
+.lista {
+  background-color: white;
+  padding: 55px 30px;
+  border-radius: 50px;
+  width: 60%;
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+  text-align: justify;
+}
+
+.lst-item {
+  display: flex;
+  flex-direction: column;
+  gap: 15px;
+}
+
+.lst-title {
+  font-size: 1.1rem;
+}
+
+.img-1 {
+  width: 100%;
+}
+
+.container-bot {
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+  align-items: center;
+}
+
+.imgs-bot {
+  width: 100%;
+}
+
+@media (min-width: 930px) {
+  .title {
+    font-size: 3rem;
+  }
+
+  .text {
+    font-size: 1.2rem;
+    width: 50%;
+    text-align: center;
+  }
+
+  .itm1 {
+    margin: auto auto 100px auto;
+  }
+
+  .img-1 {
+    position: relative;
+  }
+
+  .lista {
+    top: 50%;
+    position: absolute;
+    flex-direction: row;
+    z-index: 1;
+  }
+
+  .container-bot {
+    flex-direction: row;
+  }
+}
-Original file line number
+Diff line change
@@ Expand Up / @@ -6,6 +6,10 @@ @@
       font-family: "Poppins", sans-serif;
     }
+    body {
+      font-family: "Poppins", sans-serif;
+    }
     img {
       width: 80%;
     }
@@ Expand Down @@