Coder Social home page Coder Social logo

cover's Introduction

Ex.06 Book Front Cover Page Design

Date:

AIM:

To design a book front cover page using HTML and CSS.

DESIGN STEPS:

Step 1:

Create a Django Admin project.

Step 2:

Create an app in the Django interface.

Step 3:

Create a folder named 'static' in the app folder.

Step 4:

Create a new HTML file in the static folder.

Step 5:

Write the HTML code with relevant CSS properties.

Step 6:

Choose the appropriate style and color scheme.

Step 7:

Insert the images in their appropriate places.

Step 8:

Publish the website in the LocalHost.

PROGRAM:

HTML & CSS:

<html>
    <head>
        <title>
            textbook
        </title>
    <style>
        h4{
         color: white;
         margin-top: 100;
        }
        h1{
            color: black;
        }
        h3{
            color:white;
        }
        hr{
           
            width:160;
            border-color: black;
        }
        h6{
            color:white;
        }
    </style>
    </head>
    <body style="background-color:palevioletred;">

        <center><h4>WINNER OF THE PULIZER PRIZE</h4></center>
        <br>
        <br>
        <center><h1><big>THE</big></h1></center>
        <center><h1><big>NEW</big></h1></center>
        <center><h1><big>WORLD</big></h1></center>
        <center><h3>"IT &nbsp;ALL &nbsp; STARTED </h3></center>
        <center><h3>WITH  &nbsp;A</h3></center>
        <center><h3>SIMPLEFLU"</h3></center><hr>
        <center><h6> PUBLISHED BY</h6></center>
        <center><h2>PAVITHRA P&nbsp;212223110035</h2></center>
    </body>
</html>

OUTPUT:

image

RESULT:

The program for designing book front cover page using HTML and CSS is completed successfully.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.