diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 00000000..22eab6f9 Binary files /dev/null and b/.DS_Store differ diff --git a/css/style.css b/css/style.css index 75e9841e..16500205 100644 --- a/css/style.css +++ b/css/style.css @@ -6,3 +6,99 @@ * for example: General styles, Navigation styles, Hero styles, Footer etc. * */ + + /**need to think why doing box-sizing**/ + * { + box-sizing: border-box; + } + +img { + border-radius: 5px; + border-color:silver; + border: 5px solid rgb(196, 201, 57); + +} + + +body { + background-color: #DDFFBC; + padding: 50px; + margin:20; + +} + +header { + font-family: 'Open Sans Condensed', sans-serif; + text-transform: uppercase; + text-align:center; + padding: 10px; + font-size: 2.2rem; + +} + +h1 { + color:#52734D; + font-family: 'Open Sans Condensed', sans-serif; + padding: 20px; + margin: 20px; +} + +h2 { + color: #91C788; + font-family: 'Open Sans Condensed', sans-serif; + padding: 20px; + margin: 20px; +} + + +h3 { + color: #91C788; + font-family: 'Open Sans Condensed', sans-serif; + padding: 5px; + margin: 20px; +} +p { + font-family: 'Open Sans Condensed', sans-serif; + text-indent: 50px; + max-width: 100%; + padding: 10px; + margin: 10px; + color:rgb(196, 201, 57); +} + +a:link { + color:rgb(196, 201, 57); + text-decoration: none; + +} + +a:visited { +color:#2cce14; +text-decoration: none; + +} + +a:hover { + color:rgb(196, 201, 57); + text-decoration: none; +} +article:first-child { + color:rgb(196, 201, 57); + font-size: 20px; +} + + +footer { + font-family: 'Courier New', Courier, monospace; + text-align:center; + padding: 20px; + margin: 20px; + +} + +.flex-container { + display: flex; + background-color: #FEFFDE; + flex-wrap:wrap; + border-radius: 10px; +} \ No newline at end of file diff --git a/donut.html b/donut.html new file mode 100644 index 00000000..c23823c0 --- /dev/null +++ b/donut.html @@ -0,0 +1,89 @@ + + + + + CodePen - CYF Landing Page + + + + + + + + + + + + + + + +
+ +

'Dough'nut feel blue, let us help make your doughnut dreams come true; we've jam, chocolate and sprinkles just for you!

+

Indulge and enjoy! Choose from our amazing selection!

+ +
STOP PRESS
Discount Days: Mondays and Wednesdays....
..buy 12 and get 6 free!
+ +

The Big Three

+ +
+
Jam
+ jam donut +
+
Chocolate
+ chocolate donut +
+
Sprinkles
+ donuts with sprinkles +
+
+
+ +

Party Time

+
+
Buy
selection of donuts +
+ +
This way to make your own doughnut display
+ white arrow on blue background +
+
+ +
+
+ +

+ Click here to learn how to make your own doughnuts. +

+ +

Sign up for our newsletter

+
+ + + + +
+ + + + + diff --git a/index.html b/index.html index 67dfc7f5..b2f0108c 100644 --- a/index.html +++ b/index.html @@ -6,7 +6,7 @@ name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> - My Blog + Just another page about tea + + + + + +
+ image of Audrey Hepburn drinking a cup of tea +

Time for Tea

+

A space to show my love of loose-leaf tea

+
+
+
+

Why loose-leaf?

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum imperdiet, tortor sit amet posuere accumsan, urna + nisi scelerisque arcu, vitae luctus nunc ex quis nibh. Sed cursus vehicula leo, nec rutrum nunc venenatis et. In id + tempor risus. Vestibulum id tempor ligula. Curabitur ut tellus elit. Integer nec auctor lorem. Vestibulum ultricies + metus eget nisl consectetur, ut rutrum velit fringilla. Donec vel massa vitae ligula aliquet condimentum. Nullam at + scelerisque ipsum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. + Suspendisse potenti. Suspendisse vel mauris iaculis, pellentesque mi imperdiet, maximus felis. Phasellus commodo neque + vel ex gravida, vitae vehicula neque dapibus. Donec dictum volutpat semper. + Click here for an infusion revolution...

+
+
+

Tea Kit: All you need to make the perfect cup of tea

+

Vivamus vel turpis euismod, efficitur purus id, gravida metus. Ut placerat egestas euismod. Proin a nisi facilisis, + consequat orci et, laoreet dolor. Morbi pharetra orci nec varius imperdiet. Integer eu dapibus arcu, dapibus hendrerit + urna. Nunc dapibus dictum tellus, ac dapibus nulla euismod id. Nunc condimentum rutrum posuere. Maecenas tempus + ultricies dui, nec ac. + Browse a fine selection of tea paraphernalia here...

+
+
+

Tea and the everyday cool; refreshing iced teas

+

Phasellus odio arcu, elementum vitae quam ac, scelerisque accumsan eros. Cras maximus augue eget neque eleifend, ac + condimentum ligula tempor. Fusce volutpat sagittis egestas. Cras vitae bibendum elit, a mattis dui. Donec pulvinar + fermentum augue quis pretium. Nunc sit amet facilisis ante, eget hendrerit ex. Integer ullamcorper venenatis dolor sed + placerat. Pellentesque accumsan quam ac lacinia tempus. Donec est nulla, placerat vitae convallis sed, tincidunt ac + massa. + Enjoy a taste of summer with these flavourful teas...

+
+
+ + + +