+ Introducing karma
+Bring WiFi with you,everywhere you go.
+ +From f2f12b53201787451fc70b8badb0534639e3e68c Mon Sep 17 00:00:00 2001 From: hadipournigjeh <108987953+hadipournigjeh@users.noreply.github.com> Date: Fri, 28 Oct 2022 20:09:24 +0100 Subject: [PATCH 1/2] I completed Module Project --- .vscode/settings.json | 3 + css/style.css | 129 ++++++++++++++++++++++++++++++++++++++++++ index.html | 76 +++++++++++++++++++++++++ 3 files changed, 208 insertions(+) create mode 100644 .vscode/settings.json diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 000000000..6f3a2913e --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} \ No newline at end of file diff --git a/css/style.css b/css/style.css index 5cb025cef..96dc2c9c1 100755 --- a/css/style.css +++ b/css/style.css @@ -17,3 +17,132 @@ body { */ +body { + padding: 0px; + margin: 0px; +} + +header { + display: flex; + justify-content:space-between; +} + + .logo-image { + width: 20px; + height: 20px; + padding: 15px 100px; +} + +a { + color: rgb(123, 123, 123); + text-decoration: none; +} + +a:hover { + color: orangered; +} + +.nav-text { + display: flex; + list-style: none; + gap: 30px; + margin: 15px 100px; +} + + + +.bg-img { + background-size: cover; + width: 100%; + height: 70%; + display: flex; + z-index: -1; +} + +.text-img { + top: 50%; + position: absolute; + left: 50%; + transform: translate(-50%, -50%) +} + +.background-img { + position:relative; +} + +h1, p { + color: white; +} + +.text-img button { + background-color: orangered; + color: #fff; + justify-content: center; + align-items: center; + padding: 10px; + border-radius: 10px; +} + +.section-down h1 { + justify-content: center; +} + +.device-img, +.coffee-img, +.refill-img { + width: 100px; + height: 100px; +} + +.section-down { + padding-left: 35%; + display: flex; + gap: 50px; + margin-top: 50px; +} + +.part-two { + color: black; + padding-top: 30px; + font-size: 30px; + font-weight: lighter; +} + +.section-down h3 { + font-size: 10px; +} + +.footer-img { + padding: 10px; + width: 20px; + height: 20px; + border: solid gray 1px; + border-radius: 50%; +} + + +h5 { + display: flex; + justify-content: center; + color: rgb(151, 150, 150); +} + +.footer-wrap { + display: flex; + gap: 5px; + justify-content: center; + height: 50px; +} + +hr { + background-color: lightgray; + color: lightgray; + width: 80%; +} + +.footer-p-tag { + color: lightgrey; + justify-content: center; + display: flex; + font-size: 10px; +} diff --git a/index.html b/index.html index 3e742ef04..f3421dd6e 100755 --- a/index.html +++ b/index.html @@ -10,7 +10,83 @@
+
+ Bring WiFi with you,everywhere you go.
+ +1|y{_ZoP@~)qcf=|Bx*||}Zz^L-s(be0S@tC`u
z_>mni6kAh 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(