diff --git a/index.html b/index.html index 09056d8..889f5fc 100644 --- a/index.html +++ b/index.html @@ -297,82 +297,677 @@

Here goes the name of
Rachu product la

- +
+

TEGO

+

See all tego ➝

+
+ +
+
+
+
+
+
+

Here goes the name of
Tego product la

+
+ +
+
+

$299.00

+
+ +
+
+
+
+
+
+
+
+

Here goes the name of
Tego product la

+
+ +
+
+

$299.00

+
+ +
+
+
+
+
+
+
+
+

Here goes the name of
Tego product la

+
+ +
+
+

$299.00

+
+ +
+
+
+
+
+
+
+
+

Here goes the name of
Tego product la

+
+ +
+
+

$299.00

+
+ +
+
+
+
+
+
+
+
+

Here goes the name of
Tego product la

+
+ +
+
+

$299.00

+
+ +
+
+
+
+
+
+
+
+

Here goes the name of
Tego product la

+
+ +
+
+

$299.00

+
+ +
+
+
+
+
+
+
+
+

Here goes the name of
Tego product la

+
+ +
+
+

$299.00

+
+ +
+
+
+
+
+
+
+
+

Here goes the name of
Tego product la

+
+ +
+
+

$299.00

+
+ +
+
+
+
+ +
+
+ +
+
+
+ +
+
+ +
+
+
- +
+

WONJU

+

See all wonju ➝

+
+ +
+
+
+
+
+
+

Here goes the name of
Wonju product la

+
+ +
+
+

$299.00

+
+ +
+
+
+
+
+
+
+
+

Here goes the name of
Wonju product la

+
+ +
+
+

$299.00

+
+ +
+
+
+
+
+
+
+
+

Here goes the name of
Wonju product la

+
+ +
+
+

$299.00

+
+ +
+
+
+
+
+
+
+
+

Here goes the name of
Wonju product la

+
+ +
+
+

$299.00

+
+ +
+
+
+
+
+
+
+
+

Here goes the name of
Wonju product la

+
+ +
+
+

$299.00

+
+ +
+
+
+
+
+
+
+
+

Here goes the name of
Wonju product la

+
+ +
+
+

$299.00

+
+ +
+
+
+
+
+
+
+
+

Here goes the name of
Wonju product la

+
+ +
+
+

$299.00

+
+ +
+
+
+
+
+
+
+
+

Here goes the name of
Wonju product la

+
+ +
+
+

$299.00

+
+ +
+
+
+
+ +
+
+ +
+
+
+ +
+
+ +
+
+
+ +
+ + +
+
+

KIRA

+

See all kira ➝

+
+ +
+
+
+
+
+
+

Here goes the name of
Kira product la

+
+ +
+
+

$299.00

+
+ +
+
+
+
+
+
+
+
+

Here goes the name of
Kira product la

+
+ +
+
+

$299.00

+
+ +
+
+
+
+
+
+
+
+

Here goes the name of
Kira product la

+
+ +
+
+

$299.00

+
+ +
+
+
+
+
+
+
+
+

Here goes the name of
Kira product la

+
+ +
+
+

$299.00

+
+ +
+
+
+
+
+
+
+
+

Here goes the name of
Kira product la

+
+ +
+
+

$299.00

+
+ +
+
+
+
+
+
+
+
+

Here goes the name of
Kira product la

+
+ +
+
+

$299.00

+
+ +
+
+
+
+
+
+
+
+

Here goes the name of
Kira product la

+
+ +
+
+

$299.00

+
+ +
+
+
+
+
+
+
+
+

Here goes the name of
Kira product la

+
+ +
+
+

$299.00

+
+ +
+
+
+
-
- - -
- +
+
+ +
+
+
+ +
+
+ +
+
+
- +
- + +
+
+
+
+
+

Here goes the name of
Accessories products

+
+ +
+
+

$299.00

+
+ +
+
+
+
+
+
+
+
+

Here goes the name of
Accessories products

+
+ +
+
+

$299.00

+
+ +
+
+
+
+
+
+
+
+

Here goes the name of
Accessories products

+
+ +
+
+

$299.00

+
+ +
+
+
+
+
+
+
+
+

Here goes the name of
Accessories products

+
+ +
+
+

$299.00

+
+ +
+
+
+
+
+
+
+
+

Here goes the name of
Accessories products

+
+ +
+
+

$299.00

+
+ +
+
+
+ + +
+
+ +
+
+
+ +
+
+ +
+
+
+ + + \ No newline at end of file diff --git a/resources/facebook-white.png b/resources/facebook-white.png new file mode 100644 index 0000000..96e258e Binary files /dev/null and b/resources/facebook-white.png differ diff --git a/resources/instagram-white.png b/resources/instagram-white.png new file mode 100644 index 0000000..c81f254 Binary files /dev/null and b/resources/instagram-white.png differ diff --git a/resources/snippet.zip b/resources/snippet.zip deleted file mode 100644 index 9f9ccd3..0000000 Binary files a/resources/snippet.zip and /dev/null differ diff --git a/resources/snippet/css/style.css b/resources/snippet/css/style.css deleted file mode 100644 index e69de29..0000000 diff --git a/resources/snippet/index.html b/resources/snippet/index.html deleted file mode 100644 index c17b5da..0000000 --- a/resources/snippet/index.html +++ /dev/null @@ -1,171 +0,0 @@ - - - - - - - Material Design for Bootstrap - - - - - - - - - - - -
- - - - - -
- - - - - - - - diff --git a/resources/snippet/js/script.js b/resources/snippet/js/script.js deleted file mode 100644 index e69de29..0000000 diff --git a/resources/social-icons.psd b/resources/social-icons.psd new file mode 100644 index 0000000..44a8ffe Binary files /dev/null and b/resources/social-icons.psd differ diff --git a/resources/twitter-white.png b/resources/twitter-white.png new file mode 100644 index 0000000..a004468 Binary files /dev/null and b/resources/twitter-white.png differ diff --git a/resources/youtube-white.png b/resources/youtube-white.png new file mode 100644 index 0000000..d89e6c1 Binary files /dev/null and b/resources/youtube-white.png differ diff --git a/styles.css b/styles.css index 9c04456..6243b5a 100644 --- a/styles.css +++ b/styles.css @@ -10,7 +10,7 @@ body, html { /* overflow-x: hidden; */ } -/* NAVIGATION BAR --------------- */ +/* NAVIGATION BAR --------------------- */ nav { color: black; @@ -78,7 +78,7 @@ ul li img { width: 40px; } -/* CATEGORY STRIP -------------- */ +/* CATEGORY STRIP -------------------- */ .categories { display: flex; @@ -113,12 +113,12 @@ ul li img { transform: translateY(-3px); } -/* ALL SECTIONS ---------------- */ +/* ALL SECTIONS ---------------------- */ .sections { height: 100vh; } -/* HERO SECTION ---------------- */ +/* HERO SECTION ---------------------- */ #section1 { height: 84vh; @@ -243,7 +243,7 @@ ul li img { width: 50px; } -/* CATEGORIES SECTION---------------- */ +/* CATEGORIES SECTION ---------------------- */ #section2 { /* background-color: #F0C1E1; */ @@ -272,7 +272,7 @@ ul li img { padding-left: 8%; } -/* ALL CATEGBOXES------------------- */ +/* ALL CATEGBOXES --------------------------- */ .categBox { display: flex; @@ -485,7 +485,7 @@ ul li img { transform: translateY(-3px); } -/* RACHU SECTION ------------------- */ +/* RACHU SECTION --------------------------- */ #section3 { /* background-color: #FDDBBB; */ overflow-y: hidden; @@ -671,91 +671,117 @@ ul li img { /* #section3 {background-color: #FDDBBB;}.rachuHeader {background-color: aqua;}.rachuBox {background-color: yellowgreen;}.rachuBoxes {background-color: yellow;}.rachuData1 {background-color: yellowgreen;}.productName {background-color: aqua;}.productCartButton {background-color: #CDC1FF;}.rachuData2 {background-color: yellow;}.rachuData3 {background-color: wheat;}.rachuFooter {background-color: violet;} */ #section4 { - background-color: #FFF9BF; + /* background-color: #FFF9BF; */ } #section5 { - background-color: #BFECFF; + /* background-color: #BFECFF; */ } #section6 { - background-color: #CDC1FF; + /* background-color: #CDC1FF; */ } -/* Footer Section */ -#section7 { + +/* Footer Section -------------------------- */ +#section8 { height: 45vh; - background-color: #D9D9D9; + width: 100vw; + background-color: #000000; border-top: #000000 2px solid; - padding: 20px; display: flex; flex-direction: column; align-items: center; + justify-content: center; + margin-top: 2%; } - .footer-container { display: flex; - justify-content: space-between; + justify-content: flex-start; + /* align-items: center; */ width: 100%; - max-width: 1200px; - padding: 0 20px; -} + max-width: 90%; + /* padding: 1000px 1000px auto 1000px; */ +} .footer-section { flex: 1; - text-align: left; - margin: 0 10px; -} + margin: 0px; + display: flex; + flex-direction: column; + display: flex; + justify-content: flex-start; + color: white; +} .footer-section h3 { - font-size: 18px; + font-size: 35px; font-weight: bold; margin-bottom: 10px; + text-align: left; +} +#footerSiteName { + margin-right: 10%; + text-align: center; + align-items: center; +} +#footerSiteName h3 { + font-size: 52px; +} +#footerSiteName p{ + margin-top: 4%; } - .social-icons { display: flex; - gap: 10px; + gap: 20px; margin: 10px 0; } - .social-icons a img { - width: 24px; - height: 24px; + width: 55px; + height: 55px; } - .footer-section p, .footer-section ul { - color: #333; - font-size: 14px; + color: rgb(255, 255, 255); + font-size: 23px; + font-weight: 400; margin: 5px 0; + display: flex; + flex-direction: column; } - .footer-section ul { list-style: none; padding: 0; display: flex; flex-direction: column; /* Stack items in a column */ gap: 5px; -} + align-items: flex-start; +} .footer-section ul li { margin: 0; + justify-content: flex-start; + text-align: left; } - .footer-section ul li a { - color: #333; + color: rgb(255, 255, 255); text-decoration: none; } - .footer-section ul li a:hover { text-decoration: underline; } - +#aboutUsSection { + margin-top: 0px; + padding-top: 0px; + display: flex; + justify-content: flex-start; + /* transform: translateY(1000px); */ +} .footer-bottom { - border-top: 1px solid #333; - margin-top: 20px; - padding-top: 10px; + border-top: 1px solid rgb(255, 255, 255); + margin-top: 2%; + padding-top: 2%; text-align: center; - width: 100%; - font-size: 12px; + width: 90%; + font-size: 20px; + color: white; }