From 1e934e371ff35428b06c84c5f17e7d4078b44190 Mon Sep 17 00:00:00 2001 From: ianchoo Date: Thu, 24 Sep 2015 10:59:06 +0800 Subject: [PATCH] done --- .DS_Store | Bin 0 -> 6148 bytes starter-code/.DS_Store | Bin 0 -> 6148 bytes starter-code/css/main.css | 132 ++++++++++++++++++++++++++++++++++++++ starter-code/index.html | 99 +++++++++++++++++++++++----- 4 files changed, 215 insertions(+), 16 deletions(-) create mode 100644 .DS_Store create mode 100644 starter-code/.DS_Store diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..b8b861db0fe0585bf6142f6e1a3b17adab3729b1 GIT binary patch literal 6148 zcmeHK%}T>S5T317Q|%$5g5YJZLWTNMdyQ3(LZPCFN=;0l3neK{YLQaN*~hT{y@%*K z_$c0-{jn(3n~0Q|F#F9;W;X0Mu$ut@R_XX_05$+vs1h?d9KI3xUh0TsjE5nj;u;AA z(1umGfM_I|9RHC4S-U*MSUDFf_ql#P1YS38dCkbfm^ZK06me24zOu|jc5-Uk%FWE= z@v-OfXSGJuttD>Ki7RgVM9qXBc*d@}N#nylh@$4ucD+LpbnEuQP824t2!r;g)YBso z`cbzMbwWQrt?BiSgr79(_F}aiTw-d~4TD1w3r{pfa+S+j_|)yCUT?irD)9BvR=>b| z<#MsWH#f@tzCEz4<(1O*{&A~+eKWYdyMK6mde&88k_ajD8iwP`&?18vAO?tmv0=a* zdDiUM?1(l(3=jjq#eh5?II2X)V5(6a9XO~K05OYhC1}fDLgsLTj=@wTzCmF+6;Y=$ z(_%24j(%?99D}Jwoes=2AIyB2nGS`iujBe$g#&Xm(nt&t178`K&{JF9|9e08|6h}6 zMhp-GW5oc=?$&lIxFvJ9j%-fewH);vRf>#DH4anIP**X=%By$@RSEjJG!PwwsYdjm P(2szkfd*pWPZ@XzuIOMH literal 0 HcmV?d00001 diff --git a/starter-code/.DS_Store b/starter-code/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..9cd1a1af40a9bbc60c3e0c55bdea3560552a989c GIT binary patch literal 6148 zcmeHK%}T>S5ZM_=O6bh9VQK<vlqSY&AOmBLm{>W(X%|#383&&hORjc6bz*N-s1sm7SiMHFEiU0UmR{a9nSP zNj-MrepGRKhjPX}-_>@_iQDh?ei(K}w&OOqpR~-yoiK8l{?(z`#g02!D}2K4=B%uQx`m=!XB z4E%xtaX&Cnfwsm}p}aa^kSzdU7Ti+67QKXsVH$0XsX}-ILRBcB3Z=Tmpeh{vOs}&w zrV3R!p}P5?`pZ;zC{%tO_GfZAp|(OCkpX1jGXqm5`*Z*QIS6OS05UL94A5+~ zUade%y0(rbCu%JNJpmOW)};zZAz;W-3~NOxUICQ?ekKe+TVtvaJRtZZAZfq>8TeBM F-T)_oUu*yX literal 0 HcmV?d00001 diff --git a/starter-code/css/main.css b/starter-code/css/main.css index c4865cc..b6dbc7e 100644 --- a/starter-code/css/main.css +++ b/starter-code/css/main.css @@ -5,6 +5,138 @@ light blue: #1c5380 */ body { + background: #fff url("../images/bgtile.png") repeat-x; + font: 200 16px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif; + margin: 0; +} + +main { + width: 880px; + margin: 90px auto 0; +} + +main section.section-left{ + float: left; +} + +main section.section-right { + float: right; + width: 500px; +} + +main section.section-right nav button { + float: right; + margin-top: 20px; + background-color: linear-gradient(#6c90ad,#4a7598); + bottom: 1px solid #1c5380; + border-radius: 2px; + padding: 5px 7px; + color: white; + +} + +main section.section-right nav button img{ + padding: 3px; +} + +main section.section-right nav button span{ + font-size: 15px; + position: relative; + bottom: 5px; + margin-left: 5px; +} + +main section.section-right article { + background: url("../images/frame.png") no-repeat; + padding: 40px; +} + +main section.section-right article h1{ + color: #06365f; + font-size: 27px; + margin-top: 0; + line-height: 1.3; +} + + +footer ul { + clear: both; + list-style: none; + text-align: center; + padding: 0; + margin: 0 0 20px; +} + +footer ul li { + display: inline; + margin: 0 10px; + text-transform: uppercase; +} + +footer ul li a{ + color: #1c5380; + text-decoration: none; +} + +footer ul li a:hover{ + text-decoration: underline; +} +/*body { font: 200 16px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; + background-color: white; + width: 100%; + height: 1000px; } + +h1 { + font-size: 10px; +} + +#blue { + background-color: #1c5380; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 300px; + z-index: 1 +} + +#phone, #main { + position: absolute; + top: 100px; + z-index: 2 +} + +#phone { + margin-left: 50px; + float: right; +} + +#main { + right: 0; + margin-right: 50px; + height: 518px; + width: 504px; +} + +#login-button { + background: url('images/home.png') left center no-repeat; + width: 100px; + height: 50px; + border-radius: 20%; + margin-top: 14px; + margin-bottom: 14px; + margin-right: 10px; +} + +#description { + position: relative; +} + +#text { + position: absolute; + left: 0; + top: 0; +}*/ diff --git a/starter-code/index.html b/starter-code/index.html index 155dbb5..fcbc9bb 100644 --- a/starter-code/index.html +++ b/starter-code/index.html @@ -2,30 +2,97 @@ Instagram + - Instagram - Capture and Share the World's Moments +
+
+ Product Photo +
- Instagram is a fast, beautiful and fun way to share your life with friends and family. +
+ - Take a picture or video, choose a filter to transform its look and feel, then post to Instagram — it's that easy. You can even share to Facebook, Twitter, Tumblr and more. It's a new way to see the world. +
+

Capture and Share
the World's Moments

- Oh yeah, did we mention it's free? +

Instagram is a fast, beautiful and fun way to share your life with friends and family.

- Download on the App Store - Get it on Google Play +

Take a picture or video, choose a filter to transform its look and feel, then post to Instagram — it's that easy. You can even share to Facebook, Twitter, Tumblr and more. It's a new way to see the world.

- About Us - Support - Blog - Press - API - Jobs - Privacy - Terms +

Oh yeah, did we mention it's free?

- © 2014 Instagram + + + +
+
+
+ + +