From 3809afc7c89910424ac16568be12ec77632ada56 Mon Sep 17 00:00:00 2001 From: Vincent Date: Fri, 7 Aug 2020 01:31:08 +0800 Subject: [PATCH] Re-create iOS home screen --- .DS_Store | Bin 0 -> 8196 bytes index.html | 101 +++++++++++++++++++++++++++++++++++++++++++++++++++++ style.css | 80 ++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 181 insertions(+) create mode 100644 .DS_Store create mode 100644 index.html create mode 100644 style.css diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..e68a46200799203f0e58c3a5211eab8d136ad20b GIT binary patch literal 8196 zcmeHMO-~a+7=8zec0pwMC?CG4d8V`PGjHeFcW3wA0sx8aWQPH| z0U(T(quzwg8HFF`wWibsBh82e`2aL-vrO7%=^9%#pcGIFC4KLJGW{>S08G)ay6`JVXawPPj0b7(l`AbFJ`){ z{9D5Gx6(m>fib(>H`9w2Eu{30Ddza5^8wI$2RvOT%3>@$(UUP7n-eWy2Q`z$3%2ZyWmDvp)=(11ueBMdv zZB=&jH2eHyXkkB(HXSDeVy;InrOs;3wX$=Yn;!L-Q+kV+ahYu=m}mJGb5<&juB>?& zoN=FS$DK`v9(OSq=knalTcoasSi@glFYFck}HW&;;KRkdZkc2HLz#BM* z5AX>-!#DT=ze$L6l3S#ojFJg5Ngk6pnI#GGjLb`RT`A^omRv|AtB4hmT@~|4>R~nr{O8$ATqL5jIJ7nhcoYkjeZ948uMzdFuoDJ zt=Nb(Si%j<#!ntGk36@^$Lks&HH?dTZJr@c)oDd-RJrsD)Jp}rdHz3h{`>z+uago$ zDR7Y$Aff5xbPQKmdPb;TEYGzKtQ%N);dVudf`W}m#}P$3j#&P~5c>w2a!xeBqC_0Q V^6y^+l%E*X{a>5`)m%me{sMF@=jQ+b literal 0 HcmV?d00001 diff --git a/index.html b/index.html new file mode 100644 index 0000000..f6837f0 --- /dev/null +++ b/index.html @@ -0,0 +1,101 @@ + + + + iOS Screen + + + +
+
+ +

App 1

+
+
+ +

App 2

+
+
+ +

App 3

+
+
+ +

App 4

+
+
+ +

App 5

+
+
+ +

App 6

+
+
+ +

App 7

+
+
+ +

App 8

+
+
+ +

App 9

+
+
+ +

App 10

+
+
+ +

App 11

+
+
+ +

App 12

+
+
+ +

App 13

+
+
+ +

App 14

+
+
+ +

App 15

+
+
+ +

App 16

+
+
+ +
+ + + +
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+ +
+ + + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..28bd5ed --- /dev/null +++ b/style.css @@ -0,0 +1,80 @@ +* { + box-sizing: border-box; +} + +body { + background-image: url("Wallpaper/Default.jpg"); + background-repeat: no-repeat; + background-attachment: fixed; + background-size: cover; + overflow: hidden; +} + +.row { + margin-top: 100px; + margin-left: 20px; + margin-right: 20px; +} + +div.element { + display: inline-block; + width: calc(25% - 3px); + height: 200px; + text-align: center; + margin-top: 40px; +} + +img { + max-height: 150px; + max-width: 150px;; + border-radius: 25%; + +} + +span { + font-size: 50px; +} + +p { + font-size: 30px; + color: white; + margin: 7px; +} + +.quick-access { + box-sizing: content-box; + position: relative; + bottom: -430px; + z-index: 2; +} + +.foot { + position: relative; + top: 200px; + height: 240px; + margin-left: -10px; + margin-right: -10px; + background-color: rgb(0, 0, 0, 0.3); + filter: blur(1px); + z-index: auto; +} + +.dot { + text-align: center; +} + +.dot span { + box-sizing: content-box; + height: 15px; + width: 15px; + margin: 3px 10px; + background-color: #bbb; + border-radius: 50%; + display: inline-block; + position: relative; + top: 430px; +} + +.dot span:first-child { + background-color: rgb(255, 255, 255, 0.7); +} \ No newline at end of file