Skip to content

shivani1230/coursera-test1

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 

Repository files navigation

coursera-test1

<title>Course-era</title> <style> #box { box-sizing: border-box; border: 2px solid black; padding: 10px 10px 10px 5px; background-color: gray; height: 150px; width: 380px; float: left; position: relative; top: 50px; left: 50px; margin: 10px; clear: left; } #sample{ box-sizing: border-box; padding: 15px 15px 15px 15px; border: 2px solid black; background-color: pink; float: right; position: relative; bottom: 10px; left: 10px; height: 15px; margin-left: 50px; margin-bottom: 20px; } #box2{ box-sizing: border-box; border: 2px solid black; padding: 10px 10px 10px 5px; background-color: gray; height: 150px; width: 380px; float: left; position: relative; top: 50px; left: 50px; margin: 10px; clear: right; }
          #box3{
            box-sizing: border-box;
            border: 2px solid black;
            padding: 10px 10px 10px 5px;
            background-color: gray;
            height: 150px;
            width: 380px;
            float: left;
            position: relative;
            top: 50px;
            left: 50px;
            margin: 10px;
            clear: right;
        }
        
        #s2{
            box-sizing: border-box;
            padding: 15px 15px 15px 15px;
            border: 2px solid black;
         background-color: red;
         float: right;
         position: relative;
     bottom:  10px;
     left: 10px;
        height: 15px;
        margin-left:  50px;
        margin-bottom:  20px;
        color: white;
        }
        
        #s3{
            box-sizing: border-box;
            padding: 15px 15px 15px 15px;
            border: 2px solid black;
         background-color: yellow;
         float: right;
         position: relative;
     bottom:  10px;
     left: 10px;
        height: 15px;
        margin-left:  50px;
        margin-bottom:  20px;
        }

        #content{
            height: 10px;
            padding: 20px;
            padding-left: 2px;
        }

    </style>
</head>
<body>

<center> <h1><b>Our Menu</b></h1></center>
    <div id="box">
        <div id="sample"><b>Chicken</b></div>
        <div id="content">
            <b>   Lorem ipsum dolor sit amet,consectetur adipisicing elit,sed do eiusmod tempor incididunt
            ut labore et dolore magna aliqua. Ut enim ad
            minim veniam, quis nostrud exercitation ullamco
            laboris nisi ut aliqup ex ea commodo consequat.
            </b>
        </div>
    </div>

<div id="box2">
    <div id="s2"><b>Beef</b></div>
    <div id="content">
             <b>   Lorem ipsum dolor sit amet,consectetur 
            adipisicing elit,sed do eiusmod tempor incididunt
            ut labore et dolore magna aliqua. Ut enim ad
            minim veniam, quis nostrud exercitation ullamco
            laboris nisi ut aliqup ex ea commodo consequat.
             </b>
    </div>
</div>

<div id="box3">
<div id="s3"><b>Sushi</b></div>
    <div id="content">
             <b>   Lorem ipsum dolor sit amet,consectetur 
            adipisicing elit,sed do eiusmod tempor incididunt
            ut labore et dolore magna aliqua. Ut enim ad
            minim veniam, quis nostrud exercitation ullamco
            laboris nisi ut aliqup ex ea commodo consequat.
             </b>
    </div>
</div>
</body>

About

Another repository

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published