From ebcf265966fa817a7f65fc9c1283ff52c6ec8566 Mon Sep 17 00:00:00 2001 From: claraonmars Date: Thu, 13 Sep 2018 10:40:03 +0800 Subject: [PATCH 1/2] Created index.html --- index.html | 69 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 69 insertions(+) create mode 100644 index.html diff --git a/index.html b/index.html new file mode 100644 index 0000000..a932621 --- /dev/null +++ b/index.html @@ -0,0 +1,69 @@ + + + + + + + + + +
+
+
+
Singtel
+
10:00
+
100%
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + + \ No newline at end of file From 2202b9e8973c92027b0a3f1b8f7ddb278476f173 Mon Sep 17 00:00:00 2001 From: claraonmars Date: Thu, 13 Sep 2018 10:40:34 +0800 Subject: [PATCH 2/2] Created main.css --- main.css | 74 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 74 insertions(+) create mode 100644 main.css diff --git a/main.css b/main.css new file mode 100644 index 0000000..12c9905 --- /dev/null +++ b/main.css @@ -0,0 +1,74 @@ +body{ +font-family: sans-serif; +} + +.frame{ + background-image: url("Frame/DeviceFrame.jpg"); + background-repeat:no-repeat; + width:345px; + height:700px; + background-size: contain; +} + +.screen{ + position: relative; + top:81px; + left:22px; + background-image: url("Wallpaper/Default.jpg"); + background-repeat:no-repeat; + background-size: auto; + width:301px; + height:532px; +} + +.header{ + width:301px; + height:20px; + color:white; +} + +.headerIcon{ + display:inline-block; + width:100px; + margin:0; + float: left; +} + +#time{ +text-align: center; +} + +#battery{ + text-align:right; +} + +.rows{ + width:301px; + height:70px; +} + +.iconscreen{ + margin-top:21px; +} + +.icons{ + padding: 0 22px 0 22px; +} + +.indIcon{ + display: inline-block; + width:50px; + height:50px; + margin: 10px 5px; +} + +.indIcon img{ + border-radius: 5px; + width:100%; +} + +.bottom-row{ + position:relative; + top:70px; + background-color: white; +}