Skip to content

An example of using the W3.CSS library to build a simple webpage layout.

License

Notifications You must be signed in to change notification settings

eniompw/Layout-W3.CSS

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Layout with W3.CSS

An example of using the W3.CSS library to build a simple webpage layout.

<html>
    <head>
        <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
        <style>
            .bg-green {background-color:green;}
        </style>
    </head>
    <body>
        <div class="w3-container w3-blue w3-center">
            <h1>My Website</h1>
        </div>
        <div class=w3-black >
            <a href="#" class="w3-button w3-hover-red">Link 1</a>
            <a href="#" class="w3-button w3-hover-red">Link 1</a>
            <a href="#" class="w3-button w3-hover-red">Link 1</a>
            <a href="#" class="w3-button w3-hover-red bg-green">Link 1</a>
        </div>
        <div class=w3-display-middle>
            Page Content Here!
        </div>
        <div class="w3-container w3-blue w3-display-bottommiddle">
            <h6> Copyright 2023 </h6>
        </div>
    </body>
</html>

Layout-W3.CSS

About

An example of using the W3.CSS library to build a simple webpage layout.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published