Code Monkey home page Code Monkey logo

timetable's Introduction

Experiment_Time_Table

AIM

To Write a html webpage page to display your timetable.

ALGORITHM

STEP 1

create a simple table using table tag

STEP 2

Add header row using th tag

STEP 3

Add your timetable

STEP 4

Execute the program

CODE

<!DOCTYPE html>
<html>
<center>
   <head>
    <title>🗓️TIME TABLE🗓️</title>
    <link rel="icon" href="https://media.discordapp.net/attachments/533340656987275284/906080541344956436/kissclipart-saveetha-university-chennai-logo-clipart-saveetha-3a90c06681798db2.png" type="image/icon type">
  </head>
   <body>
      <table border = "1" cellspacing="1" bordercolor="#C19A6B" bgcolor="transparent">
         <tr>
            <th colspan="8">TIME TABLE</th>
            <br></br>
	 <table border = "1" cellspacing="1" bordercolor="#C19A6B" bgcolor="transparent">
    <br></br>
<img src="https://cdn.discordapp.com/attachments/533340656987275284/914068516334891028/logo.png" width="662" height="100">
 <tr>
 <th colspan="8">TIME TABLE</th>
 </tr>
 <tr>
  <br></br>
<th colspan="4">Name:Kadin Samson L </th>
<th colspan="4">Reference Number:21001514 </th> 
         </tr>
         
         <tr>
            <th>DAYS</th>
            <th>1</th>
            <th>2</th>
            <th>3</th>
             <th>4</th>
            <th rowspan="6">lunch break</th>
            <th>5</th>
            <th>6</th>
         </tr>

<!--Note-->
<!--Make Changes If Time Table Varies-->
<!--And also fill the empty spaces if you got the class on the area or vice versa-->
<!--and hey dont forget to change it below too at the line "85 to 92" -->

          <tr>
             <td align="center">MONDAY</td>
             <td align="center">19AI401/Karthik Govindharaju</td>
             <td align="center">19AI401/Karthik Govindharaju</td>
             <td align="center">19MA220/Nadar Akila Mohan</td>
             <td align="center">19MA220/Nadar Akila Mohan</td>
             <td align="center">19MA221/Nadar Akila Mohan</td>
             <td align="center">19MA221/Nadar Akila Mohan</td>
         </tr>
	 <tr>
             <td align="center">TUESDAY</td>
             <td align="center">---</td>
             <td align="center">---</td>
             <td align="center">19AI302/Sellakumar</td>
             <td align="center">19AI302/Sellakumar</td>
             <td align="center">19AI302/Sellakumar</td>
             <td align="center">19AI302/Sellakumar</td>
         </tr>
	 <tr>
             <td align="center">WEDESDAY</td>
             <td align="center">---</td>
             <td align="center">---</td>
             <td align="center">19MA220/Nadar Akila Mohan</td>
             <td align="center">19MA220/Nadar Akila Mohan</td>
             <td align="center">19AI401/Karthik Govindharaju</td>
             <td align="center">19AI401/Karthik Govindharaju</td>
         </tr>
	 <tr>
             <td align="center">THURSDAY</td>
             <td align="center">19AI303/Sellakumar</td>
             <td align="center">19AI303/Sellakumar</td>
             <td align="center">19AI301/Nadar Akila Mohan</td>
             <td align="center">19AI301/Nadar Akila Mohan</td>
             <td align="center">19AI302/Sellakumar</td>
             <td align="center">19AI302/Sellakumar</td>
         </tr>
  	 <tr>
             <td align="center">FRIDAY</td>
             <td align="center">19EY701/Siji Joseph</td>
             <td align="center">19EY701/Siji Joseph</td>
             <td align="center">19AI301/Nadar Akila Mohan</td>
             <td align="center">19AI301/Nadar Akila Mohan</td>
             <td align="center">19AI402/Karthik Govindharaju</td>
             <td align="center">19AI402/Karthik Govindharaju</td>
         </tr>
         
      </table>
      <h2><u>Enrolled Subject</u></h2>
<H3>1. 19AI301 - Python Programming</H3>
<H3>2. 19AI302 - Engineering Design and Modelling</H3>
<H3>3. 19AI303 - Engineeering Mechanics and Product Development</H3>
<H3>4. 19AI401 - Fundamentals of Web Technology</H3>
<H3>5. 19AI402 - Web Technology Laboratory</H3>
<H3>6. 19AI220 - Mathematics for Artificial Intelligence</H3>
<H3>7. 19AI221 - Linear Algebra Laboratory</H3>
<H3>8. 19EY701 - Soft Skills</H3>
<center><br><br><div class="footer">
        <div class="container">
          <div class="row">
            <div class="col-md-12">
              <div class="copyright-text">
                <p>
                  © 2021
                  <a><u>Private Time Table.</u></a> Made With <img src="https://cdn.discordapp.com/attachments/533340656987275284/914065271138951198/796614640469016636.gif" alt="❤"width="20" height="20"> by<a><u> SEC Students</u></a>
                </p>
              </div>
            </div>
          </div>
        </div>
      </div></br></br></center>

      
   </body>

</body>
  <style>
    body {
      background: linear-gradient(to right, #ADD8EF, #FFB6C1);
      color: #333333;
      font-family: "Euclid Circular B Medium", Poppins;
    }
     <script>
    .footer {
      padding: 32px 0;
      position: absolute;
      width: 100%;
      background-color: red;
      color: white;
      text-align: center;
      background: rgba(255, 255, 255, 0.5);
      box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
      backdrop-filter: blur(9px);
      -webkit-backdrop-filter: blur(9px);
      border: 1px solid rgba(255, 255, 255, 0.18);
    }
    .footer p {
      margin: 0;
      line-height: 26px;
      font-size: 15px;
      color: #990099;
    }
    .footer p a {
      background: linear-gradient(to right, #f27121, #e94057, #8a2387);
      color: transparent;
      -webkit-background-clip: text;
      background-clip: text;
      text-decoration: none;
    }
    .footer p a:hover {
      color: white;
    }
  </style>
</html>

OUTPUT

gitlogo

timetable's People

Contributors

karthi-govindharaju-ai avatar kadinsamson avatar

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.