diff --git a/aa/index.css b/aa/index.css index 541610a..ae44ad4 100644 --- a/aa/index.css +++ b/aa/index.css @@ -1,3 +1,5 @@ +@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; @@ -5,6 +7,7 @@ body { margin: 25px; + font-family: "Poppins", sans-serif; } .grid { diff --git a/ac/index.css b/ac/index.css index 62cc844..d6949ad 100644 --- a/ac/index.css +++ b/ac/index.css @@ -1,3 +1,5 @@ +@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; @@ -5,6 +7,7 @@ body { margin: 25px; + font-family: "Poppins", sans-serif; } .grid { diff --git a/ae/index.css b/ae/index.css index b634b3c..0c2433e 100644 --- a/ae/index.css +++ b/ae/index.css @@ -1,3 +1,5 @@ +@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; @@ -5,6 +7,7 @@ body { margin: 25px; + font-family: "Poppins", sans-serif; } .grid { diff --git a/ag/index.css b/ag/index.css index 1665cdd..1735d6f 100644 --- 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 index 3a6a659..7a09f97 100644 --- 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 index a73302e..f914190 100644 --- a/ba/index.html +++ b/ba/index.html @@ -44,8 +44,9 @@

New designs
New inspirations

Title 3

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

- +

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. +

diff --git a/bc/index.css b/bc/index.css index 0bfadd6..fa9598a 100644 --- 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 index 46a2bf1..157a018 100644 --- 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 index 2b564f0..eb8cdaa 100644 --- a/be/index.html +++ b/be/index.html @@ -19,13 +19,12 @@

Adventure Voyage Wandering

img-star
- img-1 + img-1
-

Plant . Tree . Nature

- img-3 + img-3
diff --git a/bg/imgs/bg1.png b/bg/imgs/bg1.png new file mode 100644 index 0000000..020359d Binary files /dev/null and b/bg/imgs/bg1.png differ diff --git a/bg/imgs/bg2.png b/bg/imgs/bg2.png new file mode 100644 index 0000000..1a27104 Binary files /dev/null and b/bg/imgs/bg2.png differ diff --git a/bg/imgs/bg3.png b/bg/imgs/bg3.png new file mode 100644 index 0000000..c59df5b Binary files /dev/null and b/bg/imgs/bg3.png differ diff --git a/bg/imgs/bg4.png b/bg/imgs/bg4.png new file mode 100644 index 0000000..143521a Binary files /dev/null and b/bg/imgs/bg4.png differ diff --git a/bg/index.css b/bg/index.css index e69de29..1837722 100644 --- 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; + } +} diff --git a/bg/index.html b/bg/index.html index e69de29..b39f9a4 100644 --- a/bg/index.html +++ b/bg/index.html @@ -0,0 +1,54 @@ + + + + + + + Landing Page 17 + + +
+
+

Find the project you love

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Faucibus in + libero risus semper habitant arcu eget. Et integer facilisi eget + diam.Lorem ipsum dolor sit ame,consectetur +

+ Explore +
+
+
+
+

Title 1

+
+

Lorem ipsum dolor sit amet, consectetur

+
+
+

Title 2

+
+

Lorem ipsum dolor sit amet, consectetur

+
+
+

Title 3

+
+

Lorem ipsum dolor sit amet, consectetur

+
+
+

Title 4

+
+

Lorem ipsum dolor sit amet, consectetur

+
+
+ img-1 +
+
+
+ img-2 + img-3 + img-4 +
+
+
+ + diff --git a/bi/imgs/bi1.png b/bi/imgs/bi1.png new file mode 100644 index 0000000..cad90f8 Binary files /dev/null and b/bi/imgs/bi1.png differ diff --git a/bi/imgs/bi2.png b/bi/imgs/bi2.png new file mode 100644 index 0000000..1cc33da Binary files /dev/null and b/bi/imgs/bi2.png differ diff --git a/bi/imgs/bi3.png b/bi/imgs/bi3.png new file mode 100644 index 0000000..f9ff8ae Binary files /dev/null and b/bi/imgs/bi3.png differ diff --git a/bi/imgs/bi4.png b/bi/imgs/bi4.png new file mode 100644 index 0000000..a11a626 Binary files /dev/null and b/bi/imgs/bi4.png differ diff --git a/bi/imgs/bi5.png b/bi/imgs/bi5.png new file mode 100644 index 0000000..9f11674 Binary files /dev/null and b/bi/imgs/bi5.png differ diff --git a/bi/imgs/bi6.png b/bi/imgs/bi6.png new file mode 100644 index 0000000..189c76a Binary files /dev/null and b/bi/imgs/bi6.png differ diff --git a/bi/imgs/bi7.png b/bi/imgs/bi7.png new file mode 100644 index 0000000..4f54cb1 Binary files /dev/null and b/bi/imgs/bi7.png differ diff --git a/bi/imgs/bi8.png b/bi/imgs/bi8.png new file mode 100644 index 0000000..f7a4a34 Binary files /dev/null and b/bi/imgs/bi8.png differ diff --git a/bi/index.css b/bi/index.css index e69de29..989df2c 100644 --- a/bi/index.css +++ b/bi/index.css @@ -0,0 +1,11 @@ +@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; + background-color: #f2f2f2; +}