Design index page of a book Titled Web Designing

HTML CodeTry it

<!-- Design index page of a book Titled Web Designing -->

<body>
   <div class="book">
      <div>
         <div class="page">
            <p class="index"><span>I</span>ndex</p>
            <ol class="index-item">
               <li>Design index page of a book Titled Web Designing</li>
               <li>Create a simple HTML page to demonstrate the use of different tags</li>
               <li>Display Letter Head of your college on a web page</li>
               <li>Create a link to move within a sinle page rather than to load another page</li>
               <li>Display “Name of University” using different Text formatting Tags.</li>
               <li>Design Time Table of your department and highlight most important periods. </li>
               <li>Use Tables to provide layout to your web page. </li>
               <li>Embed Audio and Video into your web page. </li>
               <li>Divide a web page vertically and display logo of your college in left pane and logo of university in right pane. </li>
               <li>Create Bio- Data of an employee.</li>
               <li>Design front page of a hospital with different styles. </li>
               <li>Design a web page and display horizontally two different web pages at a time. </li>
               <li>Write a program to create a login form. On clicking the submit button, the user should get navigated to a profile page. </li>
               <li>Write a HTML code to create a Registration Form. On submitting the form, the user should be asked to login with the new credentials. </li>
               <li>Write a HTML code to create website in your college or department and create link for Tutorial of specific subject.</li>
               <li>Write a program to perform following operations on two numbers input by the user: Addition 2) Subtraction 3) Multiplication 4) Division. </li>
               <li>Design a program to solve quadratic equations. </li>
               <li>Write a program to determine greatest number of three numbers. </li>
               <li>Write a script to compute, the Average and Grade of students marks. </li>
               <li>Design a scientific calculator and make event for each button using scripting language.</li>
               <li>Write a script to check whether a number is even or odd?</li>
               <li>Write a program to show whether a number is prime or not?</li>
               <li>Write a program to show multiplication table of any number. </li>
               <li>Write a program to find the factorial of any number. </li>
               <li>Write a program to show Fibonacci Series between 0 to 74. </li>
            </ol>
         </div>
      </div>
   </div>
</body>

CSS CodeTry it

body{
   display: flex;
   justify-content: center;
   align-items: center;
   font-family: sans-serif;
   font-family:"Times New Roman", Times, serif;
}
.book{
   width: 700px;
   height:fit-content;
   padding-left: 10px;
   margin-left: 10px;
   background-color: rgb(200,200,200);
}
.index-item li{
   text-align: justify;
   font-size: 18px;
   padding: 5px;
   padding-right: 10px;
   margin: 5px;
   border-bottom: 1px solid rgb(41,4,4);
}
.page{
   border-left-style: dotted;
   border-width: 15px;
   border-color: white;
}
.index{
   font-size: 22px;
   font-weight: bolder;
   text-align: center;
}
.index span{
   font-size: 28px;
}

OutputTry it

Try it