From d6d039fbeee06a4861da0cbde4317c7b7e274a55 Mon Sep 17 00:00:00 2001 From: hachi-ops <67706415+hachi-ops@users.noreply.github.com> Date: Thu, 18 Nov 2021 16:01:56 +0000 Subject: [PATCH 01/20] first commit: markup, initial layout --- css/style.css | 72 ++++++++++++++++++++++++++++++++++++++++++++++++++- index.html | 52 +++++++++++++++++++++++++++++++++++++ 2 files changed, 123 insertions(+), 1 deletion(-) diff --git a/css/style.css b/css/style.css index 5cb025cef..b5ff2a80c 100755 --- a/css/style.css +++ b/css/style.css @@ -1,11 +1,81 @@ /* We are using the 'Roboto' font from Google. This has already been added to your HTML header */ - +* { + outline: 1px solid red; +} body { font-family: 'Roboto', sans-serif; -webkit-font-smoothing: antialiased; + margin: 0; + padding: 0; + box-sizing: border-box; + width: 100%; + +} + +main { + max-width: 600px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + padding-top: 20px; + margin: 0 auto; +} + +img{ + max-width: 100%; + height: auto; + display: block; } +/* Navigation */ +nav { + display: flex; + justify-content: space-between; +} + +nav ul { + display: flex; + list-style: none; + +} + +nav ul li a { + text-decoration: none; + color: black; +} +#hamburger { + display: none; +} + + + +.hero { + background-color: blueviolet; + background-image: url(../img/first-background.jpg); + color: white; + background-repeat: no-repeat; + min-height: 100vh; + display: flex; + /* flex-direction: column; */ + justify-content: center; + align-items: center; +} + +button { + background-color: orange; +} + +footer { + width: 200px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + margin: 0 auto; + +} /** * Add your custom styles below * diff --git a/index.html b/index.html index 3e742ef04..ebd0b6363 100755 --- a/index.html +++ b/index.html @@ -10,6 +10,58 @@
+ +6!2k5`-9p}f`I~a z3mvL&Fs3;P#lS
ze=t >{J#87qA6?s3=i)>T(YO|4r_SrO
zJx!shBYo%21<}mTTlT=vMU;w^3O2t;ZOkc6(NSh0^%bj?pazePXW|Olt7r)AFCD^%
zYl?_=bSSBA519=ZSWT@=saG~A+PEjj`mT^>rL2WS*3V=vfDi&1L=
zatuJSG(l~0B2dJ~vtFQr&Ns8DB)k`uFm9!B*+^QWV}PpB>qiH4Obm6a)wxh4SLXwQ
zj@DDOBkydiUJR5fNdGan*XuS{y^ 9MIs(a>c=wG1l+`>394JW8wN&haS~pn;xz`47IrilDoiChWa3h-a)z{*oEIyC)}#
zZk?M(mUFnkJF49vfujY3jSYOZGt<=LMPBGgd(<9zvr~O VVg$9mooVbD|+kh{gI<#UBI({WsO
z^!=LQ@BCgNQvn2%jz!J&?C()V>K*RLPx
zm^89jUh*9K`YzY&mF(>7=s3-Itt0(Bo~_2c>P_R`a4j4-AD$22jq~I8_%rSY|Hgge
zST3*f_jcwpj_Kvql`K|kj@?Yh66cF?;d%5NSC^O4>b$f$mH1A_`IPuR@jHAT_k#Px
zx#E8CGaQ}Yx4r=WjO#)FxubI;`Pj!j;~KhXWVK%N&l>aCW{$3*N?QH-TL0te^xye>
ze(xAR%%#<8$@{>8dtB;!>p6F-{N4C3)?loc__z4KTRa=*nvUIo>$Ut<%%ONMHa-}e
znm@181T%p5o6qUTMDGpXzq-2e`>{0<_fxK0{G0Q->-C*2_$O=$$4Wob>YQtuiNEV5
z*9F!Q#s%L?Y2bUt`C}gSSfhFmI0xQ!^5>50@-uF`;vJXIJD#WK^10Nxf@|&SI!(!+
zq3U^WIL8d@wD0ua`W|%rl8$4|cY$}V_GLQLbK{&H-*<~Ow!YHmoXFnpA+K?zwhm+2
zwrjyxCllBJ9b=tW7{`^)XW9szv&%&
iKa#o9oGuun{GOecIK4c+J#WOUgtI4pgK-k|FDnW~;>RLu3>XZ{XXam&>CTaW&oboH
z*qF~ZXDLz}O^$AQ!r_gTDThHFOfLzCm8cK-d_brG0!`EbYpN*?fTjD4xQa?aqBGTu
z{DTHk3=sQs@yxp5t&|a17ztDakw1lNP=dk`CxhiJ4a&4#Y(V{xBVe|ps77(n;5eDS
zlx&r-_gV4*2OT*b7gW=I?;C%te?oI+t
$lC(X4rISJVCn*G#6PH!VA$%YA!E^cw{Sld0PA&gXe$bB;E@
zSVOt;)SddF_+90t=OCC@!@Ye((-3n=a`R?9tEGl3a{5qY)2GVc&nQm<``lozU=8@1
zg-yltqi8DTj}&X^LC1zmkska@L#pM0M_yvXqg*G+Lz7gG;pc4M*Tc^IASbF!*~aJY
ze{-O8eXoRr#n$(*2I?tXae*|F#?vL~kFBrAm5F4R|G0Wt^w60wmBY{S&{R
zObx^utTN0_gmleJjljZMED%|0EtP_WQhCq6Vbo%>NMw^pi6c;>t{+=!@F9G%Ac{=2
zMNjxyOYV)O6dSL20pU04#%{=%Ztl}L>eMY&IWfm&t>{O+Q%g1xBug9rz*OpM->7VZ
zo8kE?6S5<3pe{F)n%B2JhNkS^qBX{PA+NphnqKQl7Uvgop-u`LFRStV*4Mtql;5SM
z%61iDTAbgtUT}oyg&PMBpft%
iAAN<$
bbg{GM?Yj_
zgCuv#UQEc3>j%>_gNP|qtC?Dr!O8w6G6`qx?bqLs>rXu`|C9ge-;#-<5#N95N96Xs
z^2#gn?9+gb>20tPLWK^HH^oq^^}-3R|k?AJ^7IO1PTnaiYOYcqhp2k
zIC$eor6cB;_|K)cbrSL#-QWc{;u0^bv2BpGp9wo@%Kpg_y6Z
E5al$`Rj^t4tOc~K%SA@qR
zY*$)_=8|u|Fiyv(cg-NW^VwCrbGDqJPR|N53Kjc>;r<#|%Vygb7#m0@0C`fB=iqRk
z2*L%PC0V-)D3!xr!C>Bc{|*tb3ENnx!HvlRv~Z=!lt#hJvvWQ>xn$~)F4TBmEUg-d
zO|EN;9y_RKvjtDb_XO_LbTVg|H}tly`ZYC$kOsbceA`e%=lnqIZ$~$))!H~4(~0*8
zqa0N&dx|LFJjQ+5m6JOsoJVVSaB&aVKw#t9;->W|S4RoRnCVIBhP$lgZ0#g{F%jH3
zo}JttRB2k1UZ5CAsX{vm)md;7vB^x`8KAS-U(u<4>e=Ts75J1q@x%@J?5BQC{@HK+
zGx>l1-~YKh|Ln8!SN`39S6=+gr{xo$_@q^7O3H-`gQrBuCmhC#(LvV?_(cGoD7*?@
zQ*0io%E5?LeMwI1LB7KJ8QN+Mf;$Cby?u>UpN=VaI7YKsh<{?ejLnDxEeq!_`Vl(y
z+OAVuDjs|%YwOffh?0mzot#IbP6ewBEkI(C2APr0(-G4L$_|p-0n;MuolEEv7X!=l
za$1nZFLmt>qoeEOl-XP{CvsA3zJrN#PMUnb!STYnK07thU!3poV3(