From 4c3d30b0c17c26856a71d18cdaa3f023b26f8342 Mon Sep 17 00:00:00 2001 From: ScorpJr1 Date: Sun, 31 Jan 2021 11:44:53 +0530 Subject: [PATCH 1/3] Update index.html --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index 82b8887..7f7bdbd 100644 --- a/index.html +++ b/index.html @@ -1,5 +1,5 @@ -Welcome to LW +Welcome to LinuxWorld From 466b6fddb1e520fd7ec4064425931b53920ff61a Mon Sep 17 00:00:00 2001 From: ScorpJr1 Date: Sun, 31 Jan 2021 11:53:47 +0530 Subject: [PATCH 2/3] Add files via upload --- README.md | 4 +- bell.png | Bin 0 -> 817 bytes favicon.ico | Bin 0 -> 756 bytes google-homepage.html | 35 ++++++++++ products.png | Bin 0 -> 506 bytes share.png | Bin 0 -> 369 bytes style.css | 159 +++++++++++++++++++++++++++++++++++++++++++ 7 files changed, 197 insertions(+), 1 deletion(-) create mode 100644 bell.png create mode 100644 favicon.ico create mode 100644 google-homepage.html create mode 100644 products.png create mode 100644 share.png create mode 100644 style.css diff --git a/README.md b/README.md index 6291819..46dc542 100644 --- a/README.md +++ b/README.md @@ -1 +1,3 @@ -# git-workshop \ No newline at end of file +google-homepage +============== +HTML and CSS to make a clone of the Google homepage and search results page. \ No newline at end of file diff --git a/bell.png b/bell.png new file mode 100644 index 0000000000000000000000000000000000000000..08539e7a71359593f1a12c8f66d3dd9405f035a5 GIT binary patch literal 817 zcmeAS@N?(olHy`uVBq!ia0vp^5_JPZ!4!i_^VReEo$3McU?9SKrob3A(k& zbGAf@V-L6R%}ol4jM8C0#C?2v3SVB6S8Qvw-mdqD@z~U8;Uu261d|A+)Pn*0c${y~ ztc*S5^K`N5yv@7cSHH8Be{XAWf#+}zgVN-Ar(W1Ir4)*6JTgak)(@?`^%uFXba|&O z-r>^Qq;uHU&2Mp5MjwMocMOi zoS)wgEqe87-Cm{TtI}?|p7`;#w06~cX?evm)77hDj+JC8%ZmP<#5TpeZ{Mclp4oGL z9a;RC-K6OJ;_x||UbEg@dM37GZKc7#i|N;HJenf(z0dEBuJ1ALJ&E)6rZdSTPg(e_ zIlpG1>j4hCb>A+`Uvfr5Z}yDW=MOWU$=`TbE?0?($GSYK?$9P@w(tMc?HDI^c5-~U zzK?%?$)ee6ze@xZtlnJS)4x{G4%)1Aat zzcHFEWGgdGgEyd0Y3m;&2Gvs&9G++dGo8@?UiZ;`W2cd*?@iIZ^($U1lD{qLyR>Uk zsHd^{gy8EvUYk65m97ZCGwyrABxk8(C@8z2;bDvKp(WvNZ8oA(At#dyeP)zLy2sg6 z-&Ims=001j{Y#I}e{pM_X@T#==6#cUeDP%ci+xYc(~lf!xyfIiko1+qu;J;PqVLMH zdju{#nPA3fxFDx}hBmjFf2)^{G#96{Y~7mQS`ZvlW8C@`KXq- zMwFx^mZVxG7o`Fz1|tJQ6J0|CT_dv)Lt`srGb=+&T>}#<1A_vkCBY~fa`RI%(<*Um UV62yU57fZm>FVdQ&MBb@02i!9*8l(j literal 0 HcmV?d00001 diff --git a/favicon.ico b/favicon.ico new file mode 100644 index 0000000000000000000000000000000000000000..aa1ef29bf22e75c9ea83db0374f8d05d9295d7d7 GIT binary patch literal 756 zcmV_on?G)474X_I2}0V^pAAkg zgfY)8)sD3dwz48RoTNA>);^mPe{bZfstxC!5M1T+oz~j=xw217%edOZ(ZoI7ap|rC zfV$QXeonC{Z0IMECs{Q-HK(q89qvAKzubNP-HrY2Be&4P{(JFkSGg_oCj8e z0M3p6@ZF^l;QzgTv$vqBxp^-RRz)BjY(BFPyTV2;=~*Hv9B3_M24Bjr=}#@Xhn z`DpE8y#2&}e`Aw3UNtTq%I6STa$_(;Z z!8uu5VvtCJ8o>_!bv3|8>z5>z=6DEIW{o-j<_C}W?DN4`_&$+M8lk|j)Rkg}?>!#= z#^&F8k6&F}I3BsQ1WPcf=*~|AEo1I8qh^9jc5Ps{Zcl8^&{a!pksWye0000 + + + + + Google + + +
+ +Lara + Gmail + Images + + + + +
+
+ +

+
+ + +
+
+ + + + diff --git a/products.png b/products.png new file mode 100644 index 0000000000000000000000000000000000000000..85249d855661cf37a7b856ee9a3c8bcdbf3225c3 GIT binary patch literal 506 zcmeAS@N?(olHy`uVBq!ia0vp^(m*W3!2%?$Zt$c5DVB6cUq=Rpjs4tz5?O(K#^NA% zCx&(BWL^R}3dtTpz6=aiY77hwEes65fI94AGQhK=AWJUHTGPr`+4Jg858xrHGjSC z^!^$%p)6VTzR}8-V7;ABnIbkath3~tv$Ltr%#JZ>$5xBC3w9O&y{}s08c~vxSdwa$T$Bo=7>o=I zO>_+nbdAhH42`XfjjRlfbq!3c3=Hn>j7~?9nO2Eg!kr_Wm>bfjrIvkH}&m?E%JaC$sHrGIa zqw(_f1J)hFa)}(*&-6SpXIFY-nh=n3!(d6b$uA~`{;y7ToFYFAfwroaxJHzuB$lLF zB^RXvDF!10Lla#?16?Dt5JO`t69X#)V_gFiD+2?YyYt*pH00)|WTsW(*5KQq_8X{y N!PC{xWt~$(699$SY~TO@ literal 0 HcmV?d00001 diff --git a/style.css b/style.css new file mode 100644 index 0000000..12ac501 --- /dev/null +++ b/style.css @@ -0,0 +1,159 @@ +header { + position: absolute; + top:12px; + right:30px; +} + +header a:link, a:visited, a:active { + color: #2a2a2a; + font-family: arial, sans-serif; + font-size:12px; + text-decoration:none; + margin-right:5px; + margin-left:5px; + position:relative; + top:-10px; +} + +header a:hover { + text-decoration:underline; +} + +#products { + margin-right:8px; + margin-left:8px; +} + +#bell { + margin-right:10px; + margin-left:8px; +} + +#share { + margin-right:10px; + margin-left:10px; +} + +#lara { + border-radius:50%; +} + +div { + display:block; + margin: auto; + text-align:center; + padding-top: 14%; +} + +div img { + width: 270px; + height: 95px; + margin:5px; +} + +.search { + width: 570px; + height: 28px; + border-top: 1px solid #bdbdbd; + border-bottom: 1px solid #d3d3d3; + border-right: 1px solid #d3d3d3; + border-left: 1px solid #d3d3d3; + padding-right: 30px; + font: 16px arial, sans-serif; + text-indent:5px; + background: url('data:image/gif;base64,R0lGODlhHAAmAKIHAKqqqsvLy0hISObm5vf394uLiwAAAP///yH5BAEAAAcALAAAAAAcACYAAAO9eLpMIMYIQJi9DcYtKv6KtnHgB4yoAZSXKAyDy1rjoAzjzOQLrx8+4OanCAZnxiExGSEKmz3lj2lwUq3SZ3WZPbKuXGgxu9t4tLYDTkpIRQILF0x2G4lWipM7gj/oJQUkcXsCDCIFATULBCIcZ2tvB3QLDxETFnR/BgU/gRt9jX0gnpYMkJZpFzEoqQqJKAIBaQOVKHAXr3t7txgBjboSvB8EpLoFZywOAo3LFE5lYs/QW9LT1TRk1V7S2xYJADs'); + background-repeat:no-repeat; + background-position:548px 4px; + background-size:14px 19px; + } + +.button { + border: 1px solid #d3d3d3; + background: #f3f3f3; + color:#696969; + margin-left:4px; + margin-right:4px; + margin-top: 15px; + font-family: arial, sans-serif; + font-size: 11px; + font-weight: bold; + padding: 7px; + border-radius:2px; +} + +.button:hover { + color: #2a2a2a; + border: 1px solid #bdbdbd; +} + +.search:hover { + border:1px solid #aaaaaa; +} + +footer { + position: absolute; + bottom:0px; + left:0px; + right:0px; + background:#f3f3f3; + padding-top:22px; + border-top: 1px solid #e9e9e9; +} + +footer a:link, a:visited, a:active { + color: #696969; + font-family: arial, sans-serif; + font-size:12px; + text-decoration:none; + } + +footer a:hover { + text-decoration:underline; +} + +.leftlinks { + position: relative; + bottom:12px; + left:18px; + padding-right:15px; + padding-left:15px; +} + +.rightlinks { + position: relative; + bottom:9px; + float:right; + right:18px; + padding-right:15px; + padding-left:15px; +} + +input[type="search"]::-webkit-search-decoration, +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-results-button, +input[type="search"]::-webkit-search-results-decoration { display: none; } +input[type=text]::-ms-clear { display: none; width : 0; height: 0; } +input[type=text]::-ms-reveal { display: none; width : 0; height: 0; } + + + + + + + + + + + + + + + + + + + + + + + From acf96f497c0f81efb840bdf70f5e4817909b8c95 Mon Sep 17 00:00:00 2001 From: ScorpJr1 Date: Sun, 31 Jan 2021 11:56:04 +0530 Subject: [PATCH 3/3] Update index.html --- index.html | 39 ++++++++++++++++++++++++++++++++++----- 1 file changed, 34 insertions(+), 5 deletions(-) diff --git a/index.html b/index.html index 7f7bdbd..8dc9875 100644 --- a/index.html +++ b/index.html @@ -1,5 +1,34 @@ - - -Welcome to LinuxWorld - - + + + + + + Google + + +
+ +Lara + Gmail + Images + + + + +
+
+ +

+
+ + +
+
+ + +