Created
August 10, 2018 21:31
-
-
Save riyaadazad/06ab8bb77bd8a0c2a97de134542c583b to your computer and use it in GitHub Desktop.
A marketing template provided by "w3schools.com" utilizing the W3.CSS stylesheet
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> | |
| <title>W3.CSS</title> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css"> | |
| <body> | |
| <div class="w3-topnav w3-large w3-green"> | |
| <a href="#">Logo</a> | |
| <a href="#">About</a> | |
| <a href="#">Projects</a> | |
| <a href="#">Contact</a> | |
| </div> | |
| <div class="w3-light-grey w3-container w3-padding-64 w3-margin-bottom w3-center"> | |
| <h1 class="w3-jumbo">IMAGE</h1> | |
| <p>Some text..</p> | |
| </div> | |
| <div class="w3-container w3-center w3-margin-bottom"> | |
| <h3>What We Do</h3><br> | |
| <div class="w3-row-padding"> | |
| <div class="w3-third"> | |
| <img src="http://placehold.it/150x80?text=IMAGE" class="w3-image" style="width:100%" alt="Image"> | |
| <p>Current Project</p> | |
| </div> | |
| <div class="w3-third"> | |
| <img src="http://placehold.it/150x80?text=IMAGE" class="w3-image" style="width:100%" alt="Image"> | |
| <p>Project 2</p> | |
| </div> | |
| <div class="w3-third"> | |
| <div class="w3-card-2 w3-padding"> | |
| <p>Some text..</p> | |
| </div><br> | |
| <div class="w3-card-2 w3-padding"> | |
| <p>Some text..</p> | |
| </div> | |
| </div> | |
| </div> | |
| <br> | |
| </div> | |
| <footer class="w3-container w3-center w3-green"> | |
| <h5>Footer</h5> | |
| <p>Footer information goes here</p> | |
| </footer> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment