From 2cc83f70eb1d086dcb3b924b6281d8e7a622f793 Mon Sep 17 00:00:00 2001 From: Silvana K <84741857+sikoh@users.noreply.github.com> Date: Thu, 3 Jun 2021 18:33:07 -0400 Subject: [PATCH 1/5] finished website --- index.html | 85 +++++++++++++++++++++++++++++++++++++++++++++++- index2.html | 17 ++++++++++ style.css | 12 +++++++ style/index.css | 70 ++++++++++++++++++++++++++++++++++++++- style/logo.png | Bin 0 -> 1820 bytes 5 files changed, 182 insertions(+), 2 deletions(-) create mode 100644 index2.html create mode 100644 style.css create mode 100644 style/logo.png diff --git a/index.html b/index.html index d01f779ff..5f23c859f 100644 --- a/index.html +++ b/index.html @@ -3,9 +3,92 @@ + + + + Document - +
+ +

Beatiful Power

+
+ + + + + + +
+
+ Snowy hill +
+
+

Let's go hiking in the snow!

+ +

Here we go go go go, on an adventure!
+ The Thingamajigger is up and away. Go go go go, on an adventure.
+ We’re flying with the Cat in the Hat today!

+
+
+ + + + + + +
+
+ Snowy hill +

text

+
+
+ Snowy hill +

Text

+
+
+ Snowy hill +

Text

+
+
+ Snowy hill +

Text

+
+
+ Snowy hill +

text

+
+
+ Snowy hill +

Text

+
+
+ Snowy hill +

Text

+
+
+ Snowy hill +

Text

+
+
+ + + + + + + + \ No newline at end of file diff --git a/index2.html b/index2.html new file mode 100644 index 000000000..68a7bf49c --- /dev/null +++ b/index2.html @@ -0,0 +1,17 @@ + + + + + + diff --git a/style.css b/style.css new file mode 100644 index 000000000..94088ee43 --- /dev/null +++ b/style.css @@ -0,0 +1,12 @@ +*{ margin-top :1%; + margin-bottom:1%; + } + nav{ + display:flex; + align-items: center; + flex-direction: row; + justify-content: space-around; + } + .text{ + text-align: center; + } \ No newline at end of file diff --git a/style/index.css b/style/index.css index 440e53514..5db3b785f 100644 --- a/style/index.css +++ b/style/index.css @@ -1 +1,69 @@ -/* Add CSS styling here */ \ No newline at end of file +/* Add CSS styling here */ +*{ + border: 1px solid gray; +} + +/*top of the site*/ +.sitetitle{ + display:flex; + align-items: center; +} +.logo{ + display:flex; + align-items: right; +} + +/*navication*/ +nav{ + background-color: #D8D8D8; +} +.name{ + text-align: left; + } + .links a{ + border: 1px solid darkgray; + padding: 20px; + display: inline-block; + color: black; + text-decoration: none; + margin-bottom: 20px; + background-color: white; + } + a:visited { + color: white; + background-color: black; + } + +/*main picture with text and button*/ +.main{ +display:flex; +align-items: center; +flex-direction: row; +margin: 0.5% 0 2%; +} +.text{ +text-align: center; +} + +/*list of pictures and text*/ + +.list{ + display:flex; + flex-wrap: wrap; + justify-content: space-between; + text-align: center; + } + + p{ + margin:0.2% 0 10%; + } + + + + + /*footer*/ + footer{ + background-color: #D8D8D8; + text-align: center; + padding: 3%; + } \ No newline at end of file diff --git a/style/logo.png b/style/logo.png new file mode 100644 index 0000000000000000000000000000000000000000..f90128b46849d261c41fc29ceb1e1db08ae965b7 GIT binary patch literal 1820 zcmV+%2jlpOP)Px#1ZP1_K>z@;j|==^1poj532;bRa{vGi!vFvd!vV){sAK>D2C+#*K~#8N?Vas) zvp5iildU7}!zm<%#Dye%?H|Nj0y z9UR!_uyRXox7+uf>-GBc^Fu8(3%tC%oK7dag4fsAx3@Q*anORp$_@B)2M*T8Ed+)p z`29gGn_Jm&P@#~^VQ{4l53i zSZ{@!khPhW(K+8im6a1M6%HPP0<#Uu{wbIH#f(pYy-rs#_xM_`9k`8d|W|)?>#>#s4j)UqUp*RG)=1y$vX6v#pwsMf5 z(tFu?s5(T4+{BOQ0Xmq;$vc?j=7Pw z)XG7E3it24#fRq87+M8%m0MTfN!B7O>#cWEFwwkYa;a^b^bL^^MOV407H6`~TRBcp z=}ql_-%|)WCgY^&IESx2oLDyVohBb5?$^*WYy z)XKKbU81hf7AqwxdTz1U!ak2$nN|kwgNj$^e&9GnhLYuvZfJSnPu9GZEuOo?(w^%Z z3vM!n+~b#6)3>bu&=Lvqg?QP76{N%8-`_MbjonHKxhpF94Fl)0vZWQFf=U)PH@YBD zBlUlFjNx9^Oe%*8D)}K2>&5C{RLSCBR<^VvU{K*Oag#x2WUf(liPPys6Z)Z5LIhb;D~AdyADqu;nwTgyf~={P z;{+9uVohgNNwE=R&5V^DP!d$YM^*`AgGe__%Q~9M?t{t=CFfxTS<{~ie|~^B zGS~D7QnG5|L+J>zj;6Bvpdw@eF@!Bdrs+yU$oe~gXXIvCfeR=oL4I-yk;YA?kR+b% zKP?9My+OEukrL8W20?;~5Gzy(w$M05VxphNVxoII@Wu3Az2oh9+zMQSx)E0;w zV9gopQq~zOg9t&TarQq($M7fXyp@9ll}2x~6E|xgH&MZ#tn*d|ZS$ZZ+jUGL0X)29 zU1q}&-R|hEq^@H{Rt6D*DnYyXfw`rRe3KEB#*?h2Rt6D*DnXaL-CoAPea{XZ(7P}# z>jEnSUAEVtN=Wv#+tVxTNbbx)^~3TKe8{@Y%0QRB^t@TmK0%eBqXNKHn?At8#^rMX zVu!GFAnRf)g9t&Dpr6$fTkL&kV$|E}vCJ&iWv#I?h!9jml0E>mG?9E*AlUk-4lylj zrIkU1pc;azll}m-K!XZTqdKgpGl@XU&L$S@%35z_BCD&XpvsapG=X+psj&crNxF)+ zXoPpMfF2rZplFk$x039U?_AckRt8yJ(c&hk#>f_4O%pjAVouidr^2iG^B??Pf%?&7 z-9>n+3&Suc^rj?rfCjWzWiH8bXZVYx7BfBCS)Z?x59T&m4G9F z@dJ8J8gnIg@D`w*Mj(btGa+kZD+|@dLu{;w)p Date: Thu, 3 Jun 2021 20:01:07 -0400 Subject: [PATCH 2/5] extra changes --- index2.html | 17 ---------- style.css | 12 ------- style/index.css | 82 ++++++++++++++++++++++++++++++++++++++++++------ style/logo.png | Bin 1820 -> 999 bytes 4 files changed, 73 insertions(+), 38 deletions(-) delete mode 100644 index2.html delete mode 100644 style.css diff --git a/index2.html b/index2.html deleted file mode 100644 index 68a7bf49c..000000000 --- a/index2.html +++ /dev/null @@ -1,17 +0,0 @@ - - - - - - diff --git a/style.css b/style.css deleted file mode 100644 index 94088ee43..000000000 --- a/style.css +++ /dev/null @@ -1,12 +0,0 @@ -*{ margin-top :1%; - margin-bottom:1%; - } - nav{ - display:flex; - align-items: center; - flex-direction: row; - justify-content: space-around; - } - .text{ - text-align: center; - } \ No newline at end of file diff --git a/style/index.css b/style/index.css index 5db3b785f..94e5b911a 100644 --- a/style/index.css +++ b/style/index.css @@ -1,18 +1,65 @@ /* Add CSS styling here */ +html, body, div, span, applet, object, iframe, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} + + + + + +/*my css*/ + *{ border: 1px solid gray; + font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; } + /*top of the site*/ -.sitetitle{ - display:flex; - align-items: center; -} -.logo{ +header{ display:flex; - align-items: right; } + +.sitetitle{ +text-align: center; +margin-left: 45%; +} /*navication*/ nav{ background-color: #D8D8D8; @@ -39,12 +86,22 @@ nav{ display:flex; align-items: center; flex-direction: row; -margin: 0.5% 0 2%; +margin: 0.5% 0.5% 2%; } .text{ text-align: center; +margin: 0 7% 0; +padding: 2%; +content: 3%; } +.button1{ + padding: 2%; + margin: 2%; + background-color: gray; + color: white; + } + /*list of pictures and text*/ .list{ @@ -52,6 +109,7 @@ text-align: center; flex-wrap: wrap; justify-content: space-between; text-align: center; + margin:0.5% ; } p{ @@ -59,11 +117,17 @@ text-align: center; } - + .button2{ + padding: 1% 2% 1%; + margin: 2%; + background-color: white; + font-size: 18px; + } /*footer*/ footer{ background-color: #D8D8D8; text-align: center; - padding: 3%; + padding: 1.5%; + font-size: 23px; } \ No newline at end of file diff --git a/style/logo.png b/style/logo.png index f90128b46849d261c41fc29ceb1e1db08ae965b7..e4a156e0bf1e8d90dde6a359c7ba8f67913cf465 100644 GIT binary patch delta 963 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 From 637a2cefaa55f85ec93336de21dda73a21d06128 Mon Sep 17 00:00:00 2001 From: Silvana K <84741857+sikoh@users.noreply.github.com> Date: Thu, 3 Jun 2021 20:11:10 -0400 Subject: [PATCH 3/5] removing the border --- index.html | 6 +++--- style/index.css | 10 +++++++++- 2 files changed, 12 insertions(+), 4 deletions(-) diff --git a/index.html b/index.html index 5f23c859f..1a2c00fd6 100644 --- a/index.html +++ b/index.html @@ -9,13 +9,13 @@ Document - -
+ + + -