tourist place

 <!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Tourist Places</title>
<style>

    section{
        background-color: rgb(255, 255, 133);
        width: 50%;
        height: 50%;
        float: left;
        outline-style: solid;
        font-size: 30px;
    }
    aside{
        background-color: pink;
        width: 50%;
        height: 50%;
        padding: 0px;
        float: right;
        outline-style: solid;
        font-size: 30px;
    }
</style>
</head>
<body>
    <header style="background-color: lightblue; text-align: center;
    height: 30%; font-size: 40px; outline-style: solid; padding: 40px;">
        <h3 style="color: deeppink; margin: 0px;">Tourist Places</h3>
    </header>
    <section>
        <b>City</b>
        <ol>
            <li>Pune</li>
            <li>Banglore</li>
            <li>Hyderabad</li>
            <li>Delhi</li>
        </ol>
    </section>
    <aside>
        <b>
            Tourist Places in Pune
        </b>
        <ul>
            <li>Shanivarwada</li>
            <li>Kelkar Museum</li>
            <li>Sinhgad Fort</li>
            <br>
        </ul>
    </aside>
</body>
</html>

Comments

Post a Comment

Popular posts from this blog

College Profile

Image
  <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta http-equiv = "X-UA-Compatible" content = "IE=edge" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > College Profile </ title > </ head > < style >     * {         padding : 0 ;         margin : 0 ;     }     nav {         width : 100vw ;         position : fixed ;         padding : 20px ;         text-align : right ;         background-color : white ;         box-shadow : 0 0 5px rgba ( 0 , 0 , 0 , 0.355 );     }     nav a {         padding : 8px ;         margin-right : 20px ;   ...
Read more

News Page

Image
  <! DOCTYPE html > < html lang = "en" > < head >     < meta name = "Author" content = "Dev Sumit" >     < title > News Page </ title > </ head > < style >     * {         margin : 0px ;         box-sizing : content-box ;     }     body {         background-color : rgb ( 239 , 239 , 239 );     }     header {         padding : 10px ;         color : indigo ;         background-color : white ;         padding-bottom : 5px ;         font-size : larger ;         font-family : laila;     }     nav {         padding : 5px ;         background-color : indigo ;     }     nav a {         padding...
Read more

Semantict Tag

  <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta http-equiv = "X-UA-Compatible" content = "IE=edge" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > Use Of Semantic Tags </ title > </ head > < style >     header {         background-color : pink ;         width : 100% ;         height : 20% ;     }     nav {         background-color : skyblue ;         width : 100% ;         height : 20% ;     }     aside {         background-color : pink ;         width : 40% ;         height : 42% ;         float : right ;     }     sect...
Read more