diff --git a/Assignment_1/assets/style.css b/Assignment_1/assets/style.css new file mode 100644 index 0000000..09ceeb2 --- /dev/null +++ b/Assignment_1/assets/style.css @@ -0,0 +1,157 @@ +/*navbar styling*/ +.nav-link{ + color: white; +} +/* home section styling */ +.home{ + display: flex; + background: url("backgrounds/hero.jpg") no-repeat center; + height: 100vh; + color: #fff; + min-height: 500px; + background-size: cover; + background-attachment: fixed; + font-family: 'Ubuntu', sans-serif; +} +.home .max-width{ + margin: auto 0 auto 30px; +} +.home .home-content .text-1{ + font-size: 27px; +} +.home .home-content .text-2{ + font-size: 70px; + font-weight: 600; + margin-left: 40px; + text-align: center; + padding-bottom: 50px; +} +.home .home-content .text-3{ + font-size: 35px; + margin: 10px 20px; + text-align: center; +} +.home .home-content .text-3 span{ + color: crimson; + font-weight: 500; +} +.home .home-content a{ + display: inline-block; + background: crimson; + color: #fff; + font-size: 25px; + padding: 12px 36px; + margin-top: 20px; + font-weight: 400; + border-radius: 6px; + border: 2px solid crimson; + transition: all 0.3s ease; + text-decoration: none; +} +.home .home-content a:hover{ + color: crimson; + background: none; +} +.home .img{ + position: absolute; + bottom: 30PX; + left: 50%; + +} +/*Styling the products*/ + +.products .checkboxes{ + background: #c4c4c4; + padding: 50px; +} +/*Styling the button*/ +.products .btn{ + background-color: crimson; + color: white; + position: absolute; + right: 70px; +} +/*Styling the items*/ +.products .items{ +padding: 50px; +} +.products .items p{ + display: flex; + flex-basis: 100%; + align-items: center; + color:black; + margin: 8px 0px; +} +.products .items p::after{ + content: ""; + flex-grow: 1; + background: rgba(0, 0, 0, 0.35); + height: 3px; + font-size: 0; + line-height: 0px; + margin: 0px 8px; +} +.products .left{ + position: relative; + left: 93%; +} +.products .itemss p{ + display: flex; + flex-basis: 100%; + align-items: center; + color:black; + margin: 8px 0px; + padding-top: 50px; + padding-bottom: 50px; +} +.products .itemss p::before{ + content: ""; + flex-grow: 1; + background: rgba(0, 0, 0, 0.35); + height: 3px; + font-size: 0; + line-height: 0px; + margin: 0px 8px; +} +.products .left2{ + position: relative; + left: 3%; +} +.about{ + padding-top: 100px; +} +/*Styling the about section*/ +.about { + position: relative; + text-align: center; + color: white; + } + .about .centered{ + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + border-style: solid; + border-color: gray; + + } + .sale { + background-color:rgba(88, 87, 87, 0.767); + color: white; + + } + .sale .container{ + padding: 20px; + justify-content: space-around; + } + .contacts{ + background-color:rgb(29, 37, 46); + color: white; + } + .column{ + float: left; + width: 33.33%; + padding: 30px; + text-align:justify; + } + \ No newline at end of file diff --git a/LICENSE b/LICENSE new file mode 100644 index 0000000..1286dc9 --- /dev/null +++ b/LICENSE @@ -0,0 +1,21 @@ +MIT License + +Copyright (c) 2021 Annalis Kirwa + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/index.html b/index.html new file mode 100644 index 0000000..c0bc56f --- /dev/null +++ b/index.html @@ -0,0 +1,199 @@ + + + + + + + + + + Yolomy Website + + +
+ + +
+
+
+
Our clothing, your comfort
+
We understand that you need to look good and feel great.
+ It all starts with what you are wearing.
+
+ +
+
+
+
+
+
+
+ + +
+
+ + +
+
+ + +
+ + +
+
+

MEN

+
+ 1/5 +
+ + +
+
+
+
+
SIZE
+ tshirt +

TSHIRT

+
+
+
+
+
+
+
SIZE
+ pants +

PANTS FORCLAZ

+
+
+
+
+
+
+
10LITRI
+ backpack +

BACKPACK

+
+
+
+ +
+
+

WOMEN

+
+ 1/5 +
+ + +
+
+
+
+
SIZE
+ jacket +

GIACKET

+
+
+
+
+
+
+
SIZE
+ pants +

TREKKING SHOES

+
+
+
+
+
+
+
SIZE
+ backpack +

T-SHIRT

+
+
+
+
+
+ +
+
+

ABOUT US

+

This is where high fashion clothing is designed and crafted from the heart of amazing team of craftsmen and designers who understand what fashion is

+
+
+
+
+
+

* SALE: Buy anything for 45% off. Use the promo CODE YOLOMY45 when you buy items*

+
+
+
+
+
+
+
+
+
+

YOLOMY

+

WE ARE YOLOMY- WE UNDERSTAND
+ FASHION AND STYLE. WE CRAFT OUR
+ PRODUCTS WITH LOVE AND INTELLIGENCE

+
+
+
+

We are social

+

+ + +

+

+ + +

+
+
+ COPYRIGHT 2015 YOLOMY.INC +
+
+
+
+
+
+ CREDITS | PRIVACY | ABOUT | CONTACT +
+ Yolomy: We mean fashion +
+
+
+
+
+ + \ No newline at end of file