diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000..e68a462 Binary files /dev/null and b/.DS_Store differ 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