diff --git a/index.html b/index.html new file mode 100644 index 0000000..bfbdbf4 --- /dev/null +++ b/index.html @@ -0,0 +1,75 @@ + + +
+ + +
+
+
+
+ Taxify says bonjour to Paris after
getting booted from Londona
by Matthew Hughes 4 hours ago 138
+ Woman films her internet-connected
camera whispering ‘Hola señorita’
+
by MIX — 7 hours ago in GEAR
+Flickr exploit allowed uploading tons of unwanted pics to user accounts
+ + + + diff --git a/style.css b/style.css new file mode 100644 index 0000000..66eb5a1 --- /dev/null +++ b/style.css @@ -0,0 +1,225 @@ +body{ + background-color:white; +} +#pic{ + position: absolute; + top: 130px; + left: 80px; + z-index:3 ; +} +#logo{ + position: absolute; + top: 100px; + right: 480px; + z-index: 2; +} +#real{ + position: absolute; + top: 100px; + right: 480px; + z-index: 3; +} +ul { + width: 100%; + height: 60px; + display: block; + font-size: 15px; + font-family: Shentox,sans-serif; + font-weight: lighter; + list-style-type: none; + margin:0; + padding: 0; + overflow: hidden; + color: gray; + background-color: black; +} +ul a:hover { + background-color: gray; + color: white;} + +.one { + float: left; + +} +.one { + display: block; + font-family: Shentox,sans-serif; + color: gray; + text-align: center; + padding: 6px 8px; + text-decoration: none; + } + .two{ + float: right; +} + .two{ + display: block; + color: white; + text-align: center; + font-family: Shentox,sans-serif; + padding: 5px; + text-decoration: none; + } + #sec{ + position: absolute; + top: 50PX; + left: 0px; + z-index: 2; + width: 100%; + height: 50px; + display:block; + font-size: 20px; + font-family: Shentox,sans-serif; + font-weight: bold; + list-style-type: none; + margin:-8px; + padding:4px ; + overflow: hidden; + background-color:white; + } + .four{ + float: left; + } + #sec a:hover { + background-color: gray; + color: white;} + + .four{ + display: block; + color: gray; + text-align: center; + padding: 14px 16px; + font-family: Shentox,sans-serif; + text-decoration: none; + } + .six{ + float: right; + } + .six{ + display: block; + color: gray; + text-align: center; + padding: 6px; + text-decoration: none; + } +#pic2{ + position: absolute; + top: 100px; + left:890px; +} +#pic3{ + position: absolute; + top: 390px; + left:890px; +} +#red{ + position: absolute; + top: 580PX; + left: 50px; + text-decoration: none; + color: red; + font-family: cursive; + font-size: 40px; + font-weight: bolder; +} + +#set{ + position: absolute; + top: 440px; + left: 40px; + margin: 6px; + z-index: 2; + color: black; + font-size: 40px; + font-family: Shentox,sans-serif; + text-align: center; + text-decoration: none; + font-weight: bolder; +} +#fun{ + position: absolute; + top: 400px; + left: 40px; + z-index: 2; + font-weight: bolder; + font-family: Shentox,sans-serif; + color: white; + font-size: 40px; +} +#joy{ + position: absolute; + top: 510px; + left: 40px; + z-index: 2; + color: white; + padding: 7; + font-size:20px; + font-weight: bolder; + font-family: Shentox,sans-serif; +} +.sos{ + text-decoration: none; + text-align: center; + color: white; + font-family: Shentox,sans-serif; +} +#film{ + position: absolute; + top:280px; + left: 900px; + z-index: 3; + font-size: 24px; + font-weight: bolder; + font-family: Shentox,sans-serif; +} +#mix{ + position: absolute; + top: 360px; + left: 900px; + z-index: 2; + color: white; + padding: 7; + font-size:12px; + font-weight: bolder; + font-family: Shentox,sans-serif; +} +#flick{ + position: absolute; + top:560px; + left: 910px; + z-index: 3; + font-size: 24px; + font-weight: bolder; + font-family: Shentox,sans-serif; +} + +.flex-container { + position: absolute; + top: 700px; + left: 5px; + flex-wrap: wrap; + display: -webkit-flex; + display: flex; + width: 100%; + height: 100%; + background-color: white; +} + +.flex-item { + background-color: cornflowerblue; + width: 30%; + height: 30%; + margin: 10px; +} +.peach{ + font-size: 20px; + font-style: normal; + font-weight: bolder; + font-family: Shentox,sans-serif; + text-decoration: none; +} +.links{ + text-decoration: none; + color: black; + display: inline-block; +}