From f9d9c6dab9d8d964527aac43300be7b4a1276176 Mon Sep 17 00:00:00 2001 From: Jakub Himmel Date: Wed, 23 Oct 2019 18:14:16 +0200 Subject: [PATCH] CSS lab done --- .DS_Store | Bin 0 -> 6148 bytes apple-pie-starter-code/css/main.css | 102 ++++++++++++++++++++++++++++ apple-pie-starter-code/index.html | 92 +++++++++++++++++-------- 3 files changed, 165 insertions(+), 29 deletions(-) create mode 100644 .DS_Store diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..bf1c778a7218c8e2486381b5ca1bbe77d29f193a GIT binary patch literal 6148 zcmeHK&2G~`5T0!V-2@?WK(r_13lfJ0#cD(k2+4%>&;t^}2o8W+yEep<>y2WE2ttrw z1Kxl~;R$#g_-1#DNDC5GBpRU|Y37^#nQ{D0cGpWpqCZJ|qBappC}X1q^BduD)-$qZ zdp3YV=SZnTBg%-;iDSSqu<8u(+Py&$R_%y#y>3s|Z%GyU$FM1EhmJ^5Lg{|4j^bR! zh~rJ;9`yEiE%45nE1s4ko9k;l%CoZScE5?W^~R;k8&bAp>uT#&I8@WHimFN3kH#;! z^*E}AvGt!SmH+gk_*s@t58Brss-lXrA|31CEJ-ot<@2ma)U>ZAMN;ZKp&5{}DVqoF zt=X*Sceg!%$DeO|v)x_zy`8)Bc~frQ^6&2-9>04(`!N6bNxvouYu~9s%#rF(r%ZMQolb37Qus_Ae~2T-Yyg4|WVV23C~;-XAm1 zsJ9LneFXqE(5(eNe-?0zXECr?8^j1im{6bz750iDOgQ>IJ1?+U8#Li0?Bzq)CkuN+ z5&G%K@9F6z0)x&v1{?#646K`Go6rBfKi~fsgIvoo;28L?7!Zv?IOyY*?Adze<@l`i spodTvo>v>xAu#qh)(#)VTTm?+^Vk6f7Hfm(fw&I=O@lLzfq%-t4-K{E$^ZZW literal 0 HcmV?d00001 diff --git a/apple-pie-starter-code/css/main.css b/apple-pie-starter-code/css/main.css index e69de29bb..1c1d7d2a8 100644 --- a/apple-pie-starter-code/css/main.css +++ b/apple-pie-starter-code/css/main.css @@ -0,0 +1,102 @@ +* { + margin: 0; + padding: 0; + line-height: 20px; + font-size: 18px; +} + +body { + font-family: 'Raleway', sans-serif; + background-color: rgb(255, 255, 255); +} + +header { + overflow: hidden; + height: 940px; +} + +header img { + position: relative; + width: 100%; + height: auto; + background-size: cover; +} + +h1 { + position: absolute; + top: 430px; + left: 0; + width: 100%; + text-align: center; + color: white; + font-size: 5rem; +} + +main { + margin: 75px 125px; +} + +.intro { + text-align: center; + font-size: 25px; + margin-bottom: 20px; + margin-top: 30px; +} + +.intro p { + font-size: 1.5rem; + letter-spacing: 3px; + line-height: 30px; +} + +.intro img { + margin-top: 15px; +} + +ul { + text-align: left; + margin-bottom: 30px; + list-style-type: none; +} + +ul li:before { + content: "- "; + color: black; + font-size: inherit; +} + +h3 { + margin-bottom: 20px; + text-align: left; +} + +.ingredianc { + text-align: center; + margin-top: 40px; + margin-bottom: 30px; +} + +.recepi { + margin-top: 40px; + text-align: left; +} + +ol { + list-style: none; + counter-reset: my-awesome-counter; +} + +ol li { + counter-increment: my-awesome-counter; +} + +ol li::before { + content: counter(my-awesome-counter) ") "; + color: rgb(5, 5, 5); + font +} + +main img { + width: 450px; + height: 100%; +} \ No newline at end of file diff --git a/apple-pie-starter-code/index.html b/apple-pie-starter-code/index.html index 9c85ce748..d7f7c0022 100644 --- a/apple-pie-starter-code/index.html +++ b/apple-pie-starter-code/index.html @@ -1,35 +1,69 @@ + - Apple Pie Recipe + Apple Pie Recipe + + + + + + + + -Apple Pies -This was my grandmother's apple pie recipe. I have never seen another one -quite like it. It will always be my favorite and has won me several first place -prizes in local competitions. I hope it becomes one of your favorites as well! - -Ingredients -1 recipe pastry for a 9 inch double crust pie -1/2 cup unsalted butter -3 tablespoons all-purpose flour -1/4 cup water -3 tablespoons all-purpose flour -1/4 cup water -1/2 cup white sugar -1/2 cup packed brown sugar -8 Granny Smith apples - peeled, cored and sliced - -Directions -Preheat oven to 425 degrees F (220 degrees C). Melt the butter in a saucepan. Stir in -flour to form a paste. Add water, white sugar and brown sugar, and bring to a boil. Reduce -temperature and let simmer. - -Place the bottom crust in your pan. Fill with apples, mounded slightly. Cover with a -lattice work crust. Gently pour the sugar and butter liquid over the crust. Pour slowly so -that it does not run off. - -Bake 15 minutes in the preheated oven. Reduce the temperature to 350 degrees F (175 -degrees C). Continue baking for 35 to 45 minutes, until apples are soft. + +
+ apple pie +

Apple Pie

+
+ +
+
+

This was my grandmother's apple pie recipe. I have never seen another one
quite like it. It will always be my favorite and has won me several first place
prizes in local competitions. I hope it becomes one of your favorites as well!

+ bbb + +
+ +
+ +
+

Ingredients

+ +
    +
  • 1 recipe pastry for a 9 inch double crust pie
    • +
  • 1/2 cup unsalted butter
    • +
  • 3 tablespoons all-purpose flour
    • +
  • 1/4 cup water
    • +
  • 3 tablespoons all-purpose flour
    • +
  • 1/4 cup water
    • +
  • 1/2 cup white sugar
    • +
  • 1/2 cup packed brown sugar
    • +
  • 8 Granny Smith apples - peeled, cored and sliced
    • +
+ aaa + +
+ +
+
+

Directions

+ +
    +
  1. Preheat oven to 425 degrees F (220 degrees C). Melt the butter in a saucepan. Stir in flour to form a paste. Add water, white sugar and brown sugar, and bring to a boil. Reduce temperature and let simmer.
    2. +
  2. Place the bottom crust in your pan. Fill with apples, mounded slightly. Cover with a lattice work crust. Gently pour the sugar and butter liquid over the crust. Pour slowly so that it does not run off.
    3. +
  3. Bake 15 minutes in the preheated oven. Reduce the temperature to 350 degrees F (175 degrees C). Continue baking for 35 to 45 minutes, until apples are soft.
    4. +
+ + +
+ + +
+ + + - + + \ No newline at end of file