Last active
September 7, 2017 12:42
-
-
Save backsrc/a71c990baa06b1353541272fe26647a9 to your computer and use it in GitHub Desktop.
(Open Source) (Source Code) This is what CSS can do
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> | |
| <html> | |
| <head> | |
| <title> | |
| Hi! | |
| </title> | |
| <link type="text/css" href="styles.css" rel="stylesheet"> | |
| <link href="https://fonts.googleapis.com/css?family=Merriweather|Oswald|Roboto:400,700,900" rel="stylesheet"> | |
| </head> | |
| <body> | |
| <div class="nav"> | |
| <button class="button"><a href="index.html" >Home</a></button> | |
| <button class="button"><a href="srccode.html" >Source Code</a> | |
| <button class="button"><a href="tac.html" >Terms And Conditions</a></button> | |
| <button class="button"><a href="https://www.instagram.com/naaaabiill/" target="_blank">My Instagram</a></button> | |
| <button class="button"><a href="https://github.com/backsrc" target="_blank" >My Github</a></button> | |
| </div> | |
| <h1>This are <br> Examples of CSS</h1> | |
| <h3>CSS Allows you to: </h3> | |
| <ul> | |
| <li class="firstList">Change the font of the text.</li> | |
| <li class="secondList">Change color of text.</li> | |
| <li class="thirdList">Change Background Color.</li> | |
| <li>And MANY More!</li> | |
| </ul> | |
| <p class="src"> | |
| Source code available at my gists. Open source. | |
| </p> | |
| <p class="src2"> | |
| <a href="" target="_blank">My GitHub</a> | |
| </p> | |
| <p class="src2" target="_blank"><a href="h">My Instagram</a></p> | |
| <p class="src2" target="_blank"><a href="srccode.html">Source Code</a></p> | |
| </body> | |
| </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> | |
| <html> | |
| <head> | |
| <title>Source Code</title> | |
| <link rel="stylesheet" type="text/css" href="styles2.css"> | |
| <link href="https://fonts.googleapis.com/css?family=Merriweather|Oswald|Roboto:400,700,900" rel="stylesheet"> | |
| </head> | |
| <body> | |
| <div class="nav"> | |
| <button class="button"><a href="index.html" >Home</a></button> | |
| <button class="button"><a href="srccode.html" >Source Code</a> | |
| <button class="button"><a href="tac.html" >Terms And Conditions</a></button> | |
| <button class="button"><a href="https://www.instagram.com/naaaabiill/" target="_blank">My Instagram</a></button> | |
| <button class="button"><a href="https://github.com/backsrc" target="_blank" >My Github</a></button> | |
| </div> | |
| <h1>Source Code</h1> | |
| <h3><a href="tac.html">Click Here</a> to read Terms and Conditions on how to use these codes</h3> | |
| </body> | |
| </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
| body { | |
| font-family: 'Roboto'; | |
| background-color: palegreen; | |
| color: black; | |
| padding: inherit; | |
| } | |
| h1 { | |
| padding-left: 50px; | |
| text-align-last: left; | |
| font-family: 'Merriweather'; | |
| font-weight: 900; | |
| text-align: center; | |
| font-size: 40px; | |
| border: 5px solid black; | |
| border-radius: 100px; | |
| padding-top: 10px; | |
| padding-bottom: 10px; | |
| } | |
| h3 { | |
| margin-bottom: auto; | |
| padding-left: 30px; | |
| font-size: 25px; | |
| font-family: 'Roboto'; | |
| font-weight: 700; | |
| } | |
| .firstList { | |
| font-family: 'Oswald' | |
| } | |
| .secondList{ | |
| color: red; | |
| } | |
| .thirdList{ | |
| background-color: aqua; | |
| } | |
| .src{ | |
| font-size: 13px; | |
| padding-top: 30px; | |
| padding-left: 30px; | |
| } | |
| .src2{ | |
| font-size: 13px; | |
| padding-left: 30px; | |
| } | |
| .nav{ | |
| align-items: center; | |
| } |
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
| body { | |
| font-family: 'Roboto'; | |
| background-color: palegreen; | |
| color: black; | |
| } | |
| h1 { | |
| padding-left: 50px; | |
| text-align: center; | |
| font-family: 'Merriweather'; | |
| font-weight: 900; | |
| font-size: 40px; | |
| border: 5px solid black; | |
| border-radius: 100px; | |
| padding-top: 10px; | |
| padding-bottom: 10px; | |
| } | |
| h3{ | |
| text-align: center; | |
| } | |
| .srclinks { | |
| text-align: center; | |
| } |
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> | |
| <html> | |
| <head> | |
| <title>Terms And Conditions</title> | |
| <link rel="stylesheet" type="text/css" href="styles2.css"> | |
| <link href="https://fonts.googleapis.com/css?family=Merriweather|Oswald|Roboto:400,700,900" rel="stylesheet"> | |
| </head> | |
| <body> | |
| <div class="nav"> | |
| <button class="button"><a href="index.html" >Home</a></button> | |
| <button class="button"><a href="srccode.html" >Source Code</a> | |
| <button class="button"><a href="tac.html" >Terms And Conditions</a></button> | |
| <button class="button"><a href="https://www.instagram.com/naaaabiill/" target="_blank">My Instagram</a></button> | |
| <button class="button"><a href="https://github.com/backsrc" target="_blank" >My Github</a></button> | |
| </div> | |
| <h1>Terms And Conditions</h1> | |
| <h3>Please read the Terms and Conditions properly</h3> | |
| <ul> | |
| <li>You can modify the files including the HTML and CSS files</li> | |
| <li>This website doesnt look nice and its main idea is to showcase the basics of CSS and HTML (at the very least)</li> | |
| <li>It would be nice if you can credit me personaly if you use this</li> | |
| <li>For companies that make revenue of >$200k per year needs to buy a license from me</li> | |
| </ul> | |
| <h3>Have Fun and Happy Coding, Download the Source Codes <a href="https://gist.github.com/backsrc/a71c990baa06b1353541272fe26647a9" target="_blank">here!</a></h3> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment