Created
February 25, 2017 14:58
-
-
Save lbxa/57b3f755759f3f31445b1818eb62cb8c to your computer and use it in GitHub Desktop.
TheBox
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
| <!DOCTYPE html> <!--doctype 5--> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"/> | |
| <meta name="viewport" content="width=device-width"/> | |
| <meta name="description" content="TheBox"/> | |
| <meta name="keywords" content="Box,comment"/> | |
| <meta name="robots" content="follow,index"/> | |
| <meta name="author" content="caioAlves"/> | |
| <meta http-equiv="refresh" content="2"/> | |
| <link rel="shortcut icon" href="IMG/java-logo-vector.png"/> | |
| <link rel="apple-touch-icon" href="IMG/java-logo-vector.png"/> | |
| <link rel="stylesheet" href="master.css"/> | |
| </head> | |
| <header> | |
| <div class="pg_title"> | |
| SkySyd | |
| </div> | |
| </header> | |
| <nav> | |
| <ul class="content"> | |
| <li class="topics"><a href="index.html"> Home </a></li> | |
| <li class="topics"><a href="photos.html"> Photos </a></li> | |
| <li class="topics"><a href="videos.html"> Videos </a></li> | |
| <li class="topics"><a href="about.html"> About </a></li> | |
| </ul> | |
| </nav> | |
| <body> | |
| <h1 style="text-align:center;">About Us</h1> | |
| </body> | |
| <footer> | |
| <span>Contact us</span> | |
| <span>About</span> | |
| <span>Social Media</span> | |
| </footer> | |
| </html> |
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
| <!DOCTYPE html> <!--doctype 5--> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"/> | |
| <meta name="viewport" content="width=device-width"/> | |
| <meta name="description" content="TheBox"/> | |
| <meta name="keywords" content="Box,comment"/> | |
| <meta name="robots" content="follow,index"/> | |
| <meta name="author" content="caioAlves"/> | |
| <meta http-equiv="refresh" content="2"/> | |
| <link rel="shortcut icon" href="IMG/java-logo-vector.png"/> | |
| <link rel="apple-touch-icon" href="IMG/java-logo-vector.png"/> | |
| <link rel="stylesheet" href="master.css"/> | |
| </head> | |
| <header> | |
| <div class="pg_title"> | |
| SkySyd | |
| </div> | |
| </header> | |
| <nav> | |
| <ul class="content"> | |
| <li class="topics"><a href="index.html"> Home </a></li> | |
| <li class="topics"><a href="photos.html"> Photos </a></li> | |
| <li class="topics"><a href="videos.html"> Videos </a></li> | |
| <li class="topics"><a href="about.html"> About </a></li> | |
| </ul> | |
| </nav> | |
| <body> | |
| <div class="body"> | |
| Our website is about the beauty of Sydney seen from above | |
| </div> | |
| </body> | |
| <footer> | |
| <span>Contact us</span> | |
| <span>About</span> | |
| <span>Social Media</span> | |
| </footer> | |
| </html> | |
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
| /*my styles*/ | |
| * | |
| { | |
| margin: 0; | |
| padding: 0; | |
| } | |
| @font-face | |
| { | |
| font-family:'Raleway'; | |
| src: url("Raleway/Raleway-ThinItalic.ttf"); | |
| font-weight: 100; | |
| font-style: italic; | |
| } | |
| .pg_title | |
| { | |
| width: 100%; height: 50px; | |
| background-color: #000; | |
| color: rgba(256,256,256,1); | |
| text-align: center; | |
| line-height: 50px; | |
| font-size: 30px; | |
| } | |
| footer | |
| { | |
| margin: 350px auto 0; | |
| width: 50%; height: 100px; | |
| background-color: #000; | |
| color: #fff; | |
| text-align: center; | |
| line-height: 100px; | |
| font-size: 25px; | |
| border: solid 1px #000; | |
| display: block; | |
| } | |
| .body | |
| { | |
| width: 70%; height: 200px; | |
| margin: 100px auto 0; | |
| text-align: center; | |
| line-height: 60px; | |
| font-family: 'Raleway', sans-serif; | |
| font-size: 25px; | |
| color: gray; | |
| border: solid 1px #000; | |
| transition: all ease 0.5s; | |
| } | |
| .body:hover | |
| { | |
| box-shadow: 15px 15px 10px; | |
| cursor: pointer; | |
| } | |
| .content | |
| { | |
| width: 100%; height: 30px; | |
| line-height: 30px; | |
| background-color: navy; | |
| list-style: none; | |
| text-align: center; | |
| } | |
| li.topics | |
| { | |
| display: inline; | |
| color: #fff; | |
| margin: 0px 50px; | |
| } | |
| li.topics > a | |
| { | |
| color: #fff; | |
| text-decoration: none; | |
| } | |
| .topics:hover | |
| { | |
| border-left: solid 1px #fff; | |
| border-right: solid 1px #fff; | |
| cursor: pointer; | |
| } | |
| .image | |
| { | |
| width: 200px; height: 100px; | |
| margin: 100px auto 0; | |
| } | |
| li | |
| { | |
| display: inline; | |
| margin: 0px 5px; | |
| } | |
| ul.photos | |
| { | |
| width: 90%; | |
| margin: 0 auto; | |
| display: flex; | |
| justify-content: space-around; | |
| } | |
| .image:hover | |
| { | |
| box-shadow: 10px 10px 10px gray; | |
| transition: all ease 0.5s; | |
| cursor: pointer; | |
| } | |
| ul.record | |
| { | |
| width: 90%; | |
| margin: 0px auto; | |
| display: flex; | |
| justify-content: space-between; | |
| flex-wrap: wrap; | |
| } | |
| ul.record > li | |
| { | |
| height: auto; | |
| margin: 10px; | |
| } |
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
| <!DOCTYPE html> <!--doctype 5--> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"/> | |
| <meta name="viewport" content="width=device-width"/> | |
| <meta name="description" content="TheBox"/> | |
| <meta name="keywords" content="Box,comment"/> | |
| <meta name="robots" content="follow,index"/> | |
| <meta name="author" content="caioAlves"/> | |
| <meta http-equiv="refresh" content="10"/> | |
| <link rel="shortcut icon" href="IMG/java-logo-vector.png"/> | |
| <link rel="apple-touch-icon" href="IMG/java-logo-vector.png"/> | |
| <link rel="stylesheet" href="master.css"/> | |
| </head> | |
| <header> | |
| <div class="pg_title"> | |
| SkySyd | |
| </div> | |
| </header> | |
| <nav> | |
| <ul class="content"> | |
| <li class="topics"><a href="index.html"> Home </a></li> | |
| <li class="topics"><a href="photos.html"> Photos </a></li> | |
| <li class="topics"><a href="videos.html"> Videos </a></li> | |
| <li class="topics"><a href="about.html"> About </a></li> | |
| </ul> | |
| </nav> | |
| <body> | |
| <h1 style="text-align:center;">My Photos</h1> | |
| <ul class="photos"> | |
| <li> | |
| <img class="image" src="https://i.vimeocdn.com/video/614779405.jpg?mw=1920&mh=1080&q=70" alt="photo of a beach" title="photo of a beach"/> | |
| </li> | |
| <li> | |
| <img class="image" src="https://abm-website-assets.s3.amazonaws.com/wirelessdesignmag.com/s3fs-public/styles/hero/public/featured_image/2016/04/andy-yeung-hong-kong-drone.jpg?itok=N_m5MrQT" alt="photo over new york" title="photo over new york"/> | |
| </li> | |
| <li> | |
| <img class="image" src="http://www.ccbusinessphotography.com/wp-content/uploads/2015/02/G0010151.jpg" alt="central coast" title="view over central coast"/> | |
| </li> | |
| <li> | |
| <img class="image" src="https://www.audubon.org/sites/default/files/w1_drones.jpg" alt="birds nest" title="birds nest"/> | |
| </li> | |
| </ul> | |
| </body> | |
| <footer> | |
| <span>Contact us</span> | |
| <span>About</span> | |
| <span>Social Media</span> | |
| </footer> | |
| </html> |
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
| <!DOCTYPE html> <!--doctype 5--> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"/> | |
| <meta name="viewport" content="width=device-width"/> | |
| <meta name="description" content="TheBox"/> | |
| <meta name="keywords" content="Box,comment"/> | |
| <meta name="robots" content="follow,index"/> | |
| <meta name="author" content="caioAlves"/> | |
| <meta http-equiv="refresh" content=""/> | |
| <link rel="shortcut icon" href="IMG/java-logo-vector.png"/> | |
| <link rel="apple-touch-icon" href="IMG/java-logo-vector.png"/> | |
| <link rel="stylesheet" href="master.css"/> | |
| </head> | |
| <header> | |
| <div class="pg_title"> | |
| SkySyd | |
| </div> | |
| </header> | |
| <nav> | |
| <ul class="content"> | |
| <li class="topics"><a href="index.html"> Home </a></li> | |
| <li class="topics"><a href="photos.html"> Photos </a></li> | |
| <li class="topics"><a href="videos.html"> Videos </a></li> | |
| <li class="topics"><a href="about.html"> About </a></li> | |
| </ul> | |
| </nav> | |
| <body> | |
| <h1 style="text-align:center;">My Videos</h1> | |
| <ul class="record"> | |
| <li class="video"> | |
| <iframe src="https://www.youtube.com/embed/pwSxDSH1D_Q" frameborder="0" allowfullscreen></iframe> | |
| </li> | |
| <li class="video"> | |
| <iframe src="https://www.youtube.com/embed/gPbA6K7Zoww" frameborder="0" allowfullscreen></iframe> | |
| </li> | |
| <li class="video"> | |
| <iframe src="https://www.youtube.com/embed/QygpaIJclm4" frameborder="0" allowfullscreen></iframe> | |
| </li> | |
| <li class="video"> | |
| <iframe src="https://www.youtube.com/embed/PeUurFkhqx8" frameborder="0" allowfullscreen></iframe> | |
| </li> | |
| </ul> | |
| </body> | |
| <footer> | |
| <span>Contact us</span> | |
| <span>About</span> | |
| <span>Social Media</span> | |
| </footer> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Caio Alves...isso e pra vc!