Created
October 10, 2014 10:47
-
-
Save MikeRogers0/87bcd35741caf0dbcb3d to your computer and use it in GitHub Desktop.
http://www.vogue.com/?us_site=y Code in the dark attempt
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <title>Vogue</title> | |
| <style type="text/css"> | |
| #social-logos { | |
| overflow: hidden; | |
| } | |
| #social-logos a{ | |
| float: left; | |
| width: 30px; | |
| height: 30px; | |
| border: 1px solid #000; | |
| border-radius: 15px; | |
| } | |
| #container { | |
| width: 960px; | |
| margin: 0 auto; | |
| } | |
| #logo{ | |
| width: 600px; | |
| height: 250px; | |
| margin: 0 auto; | |
| } | |
| #top-nav{ | |
| width: 450px; | |
| overflow: hidden; | |
| text-align: center; | |
| } | |
| #top-nav a{ | |
| } | |
| #news-articles { | |
| overflow: hidden; | |
| } | |
| #news-articles .article{ | |
| float: left; | |
| width: 23%; | |
| margin: 0.5% 0; | |
| padding: 0.5% 0; | |
| border: 1px solid #fefefe; | |
| } | |
| #news-articles .article .image{ | |
| width: 100%; | |
| height: 200px; | |
| background: #000; | |
| } | |
| #news-articles .article a{ | |
| color: #ccc; | |
| text-transform: uppercase; | |
| } | |
| #banner_ad { | |
| width: 80%; | |
| height: 100px; | |
| background: #000; | |
| } | |
| #news { | |
| overflow: hidden; | |
| } | |
| #news #banner_ad{ | |
| float: right; | |
| width: 150px; | |
| height: 400px; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div id="social-logos"> | |
| <a href="" class="fb-logo">F</a> | |
| <a href="" class="tw-logo">T</a> | |
| <a href="" class="p-logo">P</a> | |
| <a href="" class="tw-logo">[]</a> | |
| </div> | |
| <div id="container"> | |
| <div id="logo"> | |
| <?xml version="1.0" encoding="UTF-8" standalone="no"?> | |
| <!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'> | |
| <svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" height="182.62px" viewBox="0 0 660 182.621" width="660px" version="1.1" y="0px" x="0px" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 660 182.621"> | |
| <g fill="#212121"> | |
| <polygon points="116.61 4.266 116.61 6.05 131.95 6.05 92.931 132.59 46.718 6.05 61.931 6.05 61.931 4.266 0 4.266 0 6.05 16.293 6.05 80.264 180.96 135.26 6.05 150.03 6.05 150.03 4.266"/> | |
| <path d="m392.07 1.21v60.789h-1.402c-2.61-11.969-6.301-23.616-12.728-34.183-7.641-12.347-19.797-26.223-35.648-26.223-36.408 0-39.717 65.244-39.717 90.131 0 22.283 1.782 45.26 9.865 66.138 5.666 14.634 13.877 21.833 29.09 21.833 12.094 0 24.949-6.111 31.38-16.615 1.653-2.74 1.783-5.792 1.783-8.917v-46.972h-15.918v-1.843h58.243v1.843h-13.62v70.272h-1.21c-3.437-5.728-8.846-9.486-15.784-9.486-5.027 0-9.932 1.784-14.321 4.206l-3.95 2.162c-8.908 3.95-17.435 6.81-27.304 6.81-45.194 0-69.252-48.185-69.252-88.154 0-29.219 11.137-60.477 34.816-78.744 10.62-8.193 23.48-14.242 37.16-14.242 5.35 0 10.631 1.655 15.594 3.628l3.632 1.4c4.133 1.526 8.656 2.995 13.109 2.995 5.541 0 10.505-3.632 14.769-6.813h1.41z"/> | |
| <path d="m405.88 4.266h62.128v1.783h-16.483v134.88c0 21.129 21.764 33.99 40.799 33.99 20.491 0 37.743-14.263 37.743-35.198v-133.67h-19.477v-1.784h146.1v62.571h-1.21c-1.846-16.552-5.025-33.549-16.42-46.468-11.523-13.052-27.184-14.32-43.284-14.32h-17.38v80.456c3.567 0.382 7.195 0.638 10.82 0.638 21.833 0 27.499-15.024 28.456-33.611h1.591v70.591h-1.591c-2.739-16.866-10.188-34.949-29.985-34.949-3.118 0-6.174 0.195-9.291 0.45v86.056h26.032c13.495 0 26.929-5.854 36.478-15.273 8.144-8.027 13.807-18.459 15.781-29.724 1.082-6.302 1.593-12.73 1.912-19.098h1.39v65.879h-125.33v-1.784h14.574v-169.64h-16.57v134.18c0 27.752-26.348 40.04-51.046 40.04-27.944 0-58.752-13.557-58.752-45.511v-128.71h-16.99v-1.784z"/> | |
| <path d="m235.72 91.532c0-25.269-9.041-88.409-43.221-88.409-34.307 0-43.22 63.074-43.22 88.409 0 25.336 8.977 88.475 43.22 88.475 34.18 0 43.22-63.21 43.22-88.478m-43.34 91.088c-20.559 0-40.228-11.526-52.958-27.244-14.513-17.889-21.58-40.991-21.58-63.845 0-21.96 6.493-44.048 19.923-61.552 13.24-17.185 33.16-29.474 55.32-29.474 20.366 0 39.911 11.651 52.448 27.181 14.451 17.886 21.642 41.053 21.642 63.908 0 21.895-6.556 43.982-19.924 61.487-13.12 17.06-32.92 29.54-54.87 29.54"/> | |
| </g> | |
| </svg> | |
| </div> | |
| <div id="top-nav"> | |
| <a href="">Fashion</a> | |
| <a href="">Beuty</a> | |
| <a href="">Culture</a> | |
| <a href="">Fashion Shows</a> | |
| </div> | |
| <div id="news-articles"> | |
| <div class="article"> | |
| <div class="image"><!-- --></div> | |
| <p>Lipsum loreum Lipsum loreumLipsum loreumLipsum loreum</p> | |
| <a>Fashion</a> | |
| </div> | |
| <div class="article"> | |
| <div class="image"><!-- --></div> | |
| <p>Lipsum loreum Lipsum loreumLipsum loreumLipsum loreum</p> | |
| <a>Fashion</a> | |
| </div> | |
| <div class="article"> | |
| <div class="image"><!-- --></div> | |
| <p>Lipsum loreum Lipsum loreumLipsum loreumLipsum loreum</p> | |
| <a>Fashion</a> | |
| </div> | |
| <div class="article"> | |
| <div class="image"><!-- --></div> | |
| <p>Lipsum loreum Lipsum loreumLipsum loreumLipsum loreum</p> | |
| <a>Fashion</a> | |
| </div> | |
| </div> | |
| <div id="banner_ad"><!-- --></div> | |
| <div id="news"> | |
| <article></article> | |
| <div id="banner_ad"><!-- --></div> | |
| </div> | |
| </div> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment