To design a book front cover page using HTML and CSS.
Create a Django Admin project.
Create an app in the Django interface.
Create a folder named 'static' in the app folder.
Create a new HTML file in the static folder.
Write the HTML code with relevant CSS properties.
Choose the appropriate style and color scheme.
Insert the images in their appropriate places.
Publish the website in the LocalHost.
NAME:VESLIN ANISH A REGISTER NO:212223240175
cover.html
<!DOCTYPE html>
<html>
<head>
<title>BOOK COVER</title>
<style>
.bookpage{
width: 450px;
height: 670px;
color:rgb(0, 0, 0);
margin-left: auto;
margin-right: auto;
padding: 26px;
font-family: ' Arial, sans-serif';
background-image: url(https://imageio.forbes.com/specials-images/imageserve/6200b0dddcf32d3be937fa84/0x0.jpg?format=jpg&height=900&width=1600&fit=bounds);
background-size: cover;
}
.insight{
color:rgb(40, 104, 104);
font-family: BOLD;
}
.hrstyle{
width:128px;
}
.author{
display: inline;
position: relative;
color:rgb(175, 175, 175);
top: 220px;
font-family:BOLD;
font-size: medium large;
}
.booktitle{
color:rgb(67, 16, 114);
font-family:bold;
font-size: x-large;
text-align: center;
position: relative;
top: 26px;
}
.id {
width: 130px;
color:rgb(0, 0, 0);
position: relative;
top: 240px;
}
.pub{
color:rgb(169, 215, 224);
font-size: large;
font-family: bold;
position: relative;
top:190px;
left:275px;
}
.ed{
color:rgb(231, 224, 224);
font-size: large;
font-family:italic;
position:relative;
top: 90px;
left:3px;
}
.subtitle{
color:rgb(124, 124, 18);
font-family:unicorn;
font-size: large;
position: relative;
top: 10px;
}
.mypic{
position: relative;
top: 230px;
left: 340px;
width: 70px;
height: 100px;
border-radius: 500px;
}
</style>
<title>BLACKHOLE</title>
</head>
<body>
<div class="bookpage">
<div class="insight">
FUTURE IS HERE
</div>
<div class="hrstyle">
<hr style="color:blanchedalmond">
</div>
<div class="booktitle">
<h1>AI FOR WEB<br>DEVELOPMENT</h1></div>
<div class="subtitle">
LIMITED EDITION
</div>
<div class="subtitle">
</div>
<div class="mypic">
<img src="c:\Users\admin\AppData\Local\Packages\5319275A.WhatsAppDesktop_cv1g1gvanyjgm\TempState\0D63784E2000BEB6D0F907DEA264C7C8\WhatsApp Image 2023-11-20 at 17.51.54_24154fe9.jpg" width="110" height="150" >
</div>
<div class="id">
<hr style="color:rgb(143, 177, 109)">
</div>
<div class="author">
<br><b>VESLIN ANISH A<b>
<br>212223240175</b></p>
</div>
<div class="pub">
SEC PUBLICATIONS
</div>
<div class="ed">
<b>FUTURE</b>
</div>
<div class="ed">
<b>TECHNOLOGY</b>
</div>
</body>
</html>
The program for designing book front cover page using HTML and CSS is completed successfully.