diff --git a/css/fullscreen.css b/css/fullscreen.css new file mode 100644 index 00000000..d88778d1 --- /dev/null +++ b/css/fullscreen.css @@ -0,0 +1,183 @@ +@media screen and (min-width: 480px){ + + /* header */ +header { + position: sticky; + top: 0; + } + +.searchGlass { + font-size: 16px; +} + +#navbar { + display: grid; + grid-template-columns: 0.5fr 2fr 1fr; + align-items: end; + +} + +#p1 { + margin: 0; + align-self: center; + padding-bottom: 5px; +} + +#p2 { + margin-right: 5px; + text-align: end; +} + +/* sections styling */ + +#frontPage { + width: 100%; + background-image: url(/images/images/backgroundBIG.webp); + background-size: cover; + background-position: center center; + background-attachment: fixed; +} + +#firstDiv { + display: flex; + justify-content: center; +} + +h1 { + font-size: 6.5em; + letter-spacing: 0.12em; +} + +#articles { + display: flex; + flex-direction: row; + justify-content: space-between; + +} + +article { + background-size: 100% auto; + width: 100%; + height: 565px; + background-repeat: no-repeat; + background-position: cover; +} + +#description { + display: grid; + grid-template-columns: 2fr 1fr 1fr; + grid-template-rows: 465px 670px; + row-gap: 0; + column-gap: 0; +} + +.fullImg { + width: 50vw; + height: 465px; +} + +#lastphoto { + height: 670px; +} + +#greenarea { + grid-column: 2 / -1; + width: 100%; + height: 670px; +} + +#buyOnline { + font-size: 97px; + padding: 50px 50px 0 50px; +} + +#aboutUs { + padding: 50px; + margin: 0; +} + +#formbackground { + display: none; +} + +#form { + background-image: url(/images/images/formbackground.webp); + background-size: cover; + background-position: center center; + background-attachment: fixed; + display: flex; + align-items: center; + justify-content: center; + +} + +form { + width: 620px; + margin-bottom: 60px; + background: rgba(255, 255, 255, 0.7); + padding: 20px; +} + +.firstLineForm, +.firstLineForm2 { + display: inline-block; + width: 48%; + margin-bottom: 10px; +} + +.firstLineForm { + margin-right: 17px; +} +#contact-details { + display: grid; + grid-auto-flow: row; + grid-template-columns: repeat(3, 1fr); + grid-template-rows: repeat(5, auto); + +} + +#subscribe { + grid-column: 2 / 3; +} + +#google-maps { + grid-column: 1 / -1; + /* display: none; */ +} + +iframe { + width: 100%; + +} + +#chatOption :first-child { + +} +} + +/* navigation menu */ +ul { + display: flex; + flex-direction: row; + justify-content: start; + align-items: end; + list-style: none; +} + +li { + margin-right: 30px; + font-family: 'Outfit', sans-serif; + +} + +#logotree { + width: 100px; + padding-bottom: 5px; + margin-top: 5em; +} + +@media screen and (max-width: 480px){ +.navmenu { + display: none; + } +} \ No newline at end of file diff --git a/css/main.css b/css/main.css index aa561706..7c21ab0a 100644 --- a/css/main.css +++ b/css/main.css @@ -1,3 +1,374 @@ -/* Add your CSS here */ -/* Dont' forget to link this file to your HTML in the */ + +/* ### Fonts +**Headings:** Fjalla One - Regular 400 +https://fonts.google.com/specimen/Fjalla+One +**Subheadings:** Outfit - Extra-light 200 +https://fonts.google.com/specimen/Outfit +**Body:** Outfit - Extra-light 200 +https://fonts.google.com/specimen/Outfit + +font-family: 'Fjalla One', +sans-serif; +font-family: 'Outfit', +sans-serif; + + +/* Colours */ +:root { + --redBrown: #A05941; + --greenBlack: #133032; + --lightGrey: #EDEDEE; + --white: #FFF; + --transparentWhite: rgba(0, 0, 0, 0.75); +} + +body { + background-color: #EDEDEE; + +} + +#seachBar { + background-color: #FFF; + padding: 20px; + display: grid; + grid-template-columns: 3fr 1fr; + +} + +.searchGlass { + color: #A05941; + border: none; + background-color: #FFF; + font-family: 'Outfit', sans-serif; + text-align: left; + padding-left: 10px; + +} + +#bagDiv { + display: flex; + justify-content: right; +} + +#magnitGlass { + display: flex; +} + +.searchIMG { + width: 30px; + height: 30px; +} + +#navbar { + color: #A05941; + padding-left: 25px; + background-color: #EDEDEE; +} + +#p1 { + font-family: 'Fjalla One', + sans-serif; + font-size: 25px; + margin-bottom: 5px; +} + +#p2 { + font-family: 'Outfit', + sans-serif; + font-weight: 800; + letter-spacing: 0.1em; + margin-bottom: 10px; +} + +/* buttons styling */ +.shopCollection { + background-color: #A05941; + color: #EDEDEE; + width: 140px; + min-height: 40px; + border: none; + font-family: 'Outfit', sans-serif; + font-weight: 400; +} + +/* front page styling */ +#frontPage { + background-image: url(/images/images/main\ pic.webp); + background-size: 320px, 475px; + background-repeat: no-repeat; + background-position: cover; + margin: 5px 20px 20px 20px; + padding: 20px 5px 80px 5px; + color: #FFF; + font-family: 'Outfit', sans-serif; + letter-spacing: 0.5em; + font-weight: 600; + display: flex; + flex-direction: column; + align-items: center; + text-align: center; +} + +#firstDiv { + display: grid; + grid-template-columns: 75px 100px 75px; + column-gap: 20px; + width: 100%; + box-sizing: border-box; + padding: 10px 10px; +} + +#firstDiv p { + border-bottom: 2px solid #fff; + padding-bottom: 5px; + margin-top: 6em; +} + +h1 { + font-family: 'Fjalla One', sans-serif; + font-size: 36px; + font-weight: 400; + margin: 35px 0px 15px 5px; +} + +h4 { + margin-bottom: 45px; +} + + +/* articles with plants styling */ + +article { + background-size: 350px, auto; + min-width: 320px; + min-height: 400px; + background-repeat: no-repeat; + background-position: contain; + display: flex; + flex-direction: column; + align-items: center; + margin: 20px; + padding-top: 20px; + color: #A05941; + font-family: 'Fjalla One', sans-serif; + +} + +#cacti { + background-image: url(/images/images/cactus-in-a-pot.webp); +} + +#plants { + background-image: url(/images/images/flowers\ in\ a\ pot.webp); +} + +#succulents { + background-image: url(/images/images/sucullent.webp); +} + +.horizontalLine { + width: 10px; + height: 5px; + background-color: #A05941; + position: relative; + margin: 0px auto 11px auto; +} + +h6 { + font-size: 16px; + letter-spacing: 0.5rem; + margin-bottom: 1rem; +} + +#articles { + display: block; +} + +/* about section styling */ +#aboutUs { + color: #A05941; + background-color: #FFF; + font-family: 'Outfit', sans-serif; + text-align: center; + line-height: 1.6em; + margin-bottom: 10px; + margin-top: 5px; + padding: 1rem 1rem 2rem 1.3rem ; + +} +.photos { + width: 320px; + height: 223px; + padding: 0; + margin: 0; +} +.fullImg { + width: 320px; + height: 223px; +} + +.photos:last-child { + background-color: #133032; + color: #FFF; + height: 410px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} + +#buyOnline { + font-family: 'Fjalla One', sans-serif; + font-size: 54px; + font-weight: 100; + line-height: 1.1em; + margin-top: 0.5rem; + margin-bottom: 40px; + text-align: center; +} + +.photos:last-child button { + background-color: #FFF; + color: #133032; + font-size: medium; +} + +/* form styling */ + +form { + background-color: #FFF; + width: 310px; + padding: 20px 5px 20px 10px; + margin-top: 30px; +} + +#formDiv { + width: 20px; +} + +legend { + font-family: 'Outfit', sans-serif; + color: #A05941; + text-align: center; + font-size: 16px; + letter-spacing: 0.5rem; + margin: 10px 10px 20px 10px; + line-height: 18px; +} + +input + label { + display: block; +} + + +label { + color: #133032; + font-family: 'Outfit', sans-serif; + margin-top: 8px; + margin-bottom: 8px; +} +input { + height: 33px; + width: 100%; + box-sizing: border-box; +} + +textarea { + width: 100%; + box-sizing: border-box; + height: 153px; + padding: 2px; +} + +#sendButton { + width: 100%; + box-sizing: border-box; + margin-top: 5px; + margin-bottom: 20px; + color: #FFF; +} + +#form img { + width: 320px; +} + +#contact-details { + background-color: #133032; + color: #EDEDEE; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + font-family: 'Outfit', sans-serif; + +} + +#contact-details p { + margin: 3px; +} + +#contact-details a { + text-decoration: none; + color: #EDEDEE; +} + +.contact-details { + margin-top: 2rem; + text-align: center; + +} +.contact-details1 { + padding-left: 20px; + padding-right: 10px; +} +#labelEmail { + color: #EDEDEE; + font-family: 'Outfit', sans-serif; +} + +#subscribtion { + margin-top: 10px; + border-color: #EDEDEE; + background-color: transparent; + height: 40px; +} + +#subscribeBtn { + background-color: #FFF; + color: #133032; + font-size: medium; + width: 100%; + font-family: 'Outfit', sans-serif; + padding: 12px; + margin-top: 10px; + +} +.contact-details1 h6 { + text-align: center; +} + +#soc-media { + text-align: center; + margin-bottom: 2rem; + margin-top: 4rem; +} + +footer { + background-color: var(--lightGrey); + color: #A05941; + text-align: center; + margin: 0; + padding: 10px; + font-family: 'Outfit', sans-serif; +} + +#chatOption :first-child { + background-color: #A05941; + position: fixed; + padding: 10px; + width: 40px; + border-radius: 50%; + bottom: 1rem; + right: 1rem; +} diff --git a/images/images/Mediamodifier-Design-Template.jpg b/images/images/Mediamodifier-Design-Template.jpg new file mode 100644 index 00000000..004c88fc Binary files /dev/null and b/images/images/Mediamodifier-Design-Template.jpg differ diff --git a/images/images/Mediamodifier-Design.svg b/images/images/Mediamodifier-Design.svg new file mode 100644 index 00000000..6313487b --- /dev/null +++ b/images/images/Mediamodifier-Design.svg @@ -0,0 +1,26 @@ + + + +Created with Fabric.js 3.6.6 + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/images/images/NiceTreeVector.jpg b/images/images/NiceTreeVector.jpg new file mode 100644 index 00000000..499fbc1c Binary files /dev/null and b/images/images/NiceTreeVector.jpg differ diff --git a/images/images/background.webp b/images/images/background.webp new file mode 100644 index 00000000..1601994d Binary files /dev/null and b/images/images/background.webp differ diff --git a/images/images/backgroundBIG.webp b/images/images/backgroundBIG.webp new file mode 100644 index 00000000..f2b52087 Binary files /dev/null and b/images/images/backgroundBIG.webp differ diff --git a/images/images/cactus-in-a-pot.webp b/images/images/cactus-in-a-pot.webp new file mode 100644 index 00000000..09407e2a Binary files /dev/null and b/images/images/cactus-in-a-pot.webp differ diff --git a/images/images/facebook.webp b/images/images/facebook.webp new file mode 100644 index 00000000..8cd3a33e Binary files /dev/null and b/images/images/facebook.webp differ diff --git a/images/images/flowers in a pot.webp b/images/images/flowers in a pot.webp new file mode 100644 index 00000000..9fe43f50 Binary files /dev/null and b/images/images/flowers in a pot.webp differ diff --git a/images/images/formbackground.webp b/images/images/formbackground.webp new file mode 100644 index 00000000..7274d0aa Binary files /dev/null and b/images/images/formbackground.webp differ diff --git a/images/images/image (2).svg b/images/images/image (2).svg new file mode 100644 index 00000000..ec23c54f --- /dev/null +++ b/images/images/image (2).svg @@ -0,0 +1,5373 @@ + + + +Created with Fabric.js 3.6.6 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/images/images/instagram.webp b/images/images/instagram.webp new file mode 100644 index 00000000..8aa99647 Binary files /dev/null and b/images/images/instagram.webp differ diff --git a/images/images/leave.webp b/images/images/leave.webp new file mode 100644 index 00000000..b3bcbac1 Binary files /dev/null and b/images/images/leave.webp differ diff --git a/images/images/magnifying-glass-svgrepo-com.svg b/images/images/magnifying-glass-svgrepo-com.svg new file mode 100644 index 00000000..09ee676c --- /dev/null +++ b/images/images/magnifying-glass-svgrepo-com.svg @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/images/images/main pic.webp b/images/images/main pic.webp new file mode 100644 index 00000000..a2aff8f8 Binary files /dev/null and b/images/images/main pic.webp differ diff --git a/images/images/pinterest.webp b/images/images/pinterest.webp new file mode 100644 index 00000000..a3b23978 Binary files /dev/null and b/images/images/pinterest.webp differ diff --git a/images/images/sucullent.webp b/images/images/sucullent.webp new file mode 100644 index 00000000..b25512ab Binary files /dev/null and b/images/images/sucullent.webp differ diff --git a/images/images/teplitsa.webp b/images/images/teplitsa.webp new file mode 100644 index 00000000..3cd2b61a Binary files /dev/null and b/images/images/teplitsa.webp differ diff --git a/images/images/woman in branches.webp b/images/images/woman in branches.webp new file mode 100644 index 00000000..3328b2e1 Binary files /dev/null and b/images/images/woman in branches.webp differ diff --git a/index.html b/index.html index cd704c69..e35673fb 100644 --- a/index.html +++ b/index.html @@ -4,18 +4,172 @@ - - + + + + + Responsive grid project +
+
+
+ + +
+
+ +
+
+ +
- - +
+
+
+

ESTB

+ +

2035

+
+
+

PRICKLES & CO

+

BRING NATURE INDOORS

+
+ +
+ chat bubble icon +
+
+
+
+

C A C T I

+
+ +
+
+

P L A N T S

+
+ +
+
+

S U C C U L E N T S

+
+ +
+
+
+
+
ABOUT US
+
+

I'm a paragraph. Click here to add your own text and edit me. It’s easy. Just click “Edit Text” or double click me to + add your own content and make changes to the font. Feel free to drag and drop me anywhere you like on your page. I’m a + great place for you to tell a story and let your users know a little more about you.

+

This is a great space to write long text about your company and your services. You can use this space to go into a + little more detail about your company. Talk about your team and what services you provide.

+
+
+ teplitsa +
+
+ leave +
+
+ woman among plants +
+
+

BUY ONLINE NOW & GET 10% OFF !

+ +
+
+
+
+ FOR SPECIAL REQUESTS & ORDERS +
+
+ + +
+
+ + +
+ + + + + + + +
+ + plant-ficus +
+
+
+
OUR STORE
+

Address: 500 Terry Francois Street San

+

Francisco, CA 94158

+

Phone: 123-456-7890

+

Email: info@mysite.com

+
+
+
OPENING HOURS
+

Mon - Fri: 7am - 10pm

+

Saturday: 8am - 10pm

+

Sunday: 8am - 11pm

+
+ +
+
SUBSCRIBE
+
+ + + +
+
+ + + +
+
+
+ +
+
+
- -

This website design was created by Wix.com, and is used here for strictly educational purposes.

+ \ No newline at end of file