making table and divide section

-

 html file

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Welcome</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="padded3">
    <div class="container">
        <div class="left">
           
    <div class="padded">
        <img src="hack.jpg" width="150", height="150"></img>
        <p>Name : Deep </p>
        <p>DOB : 11 feb, 1947</p>

    </div>
    </div>
   
        <div class="right">
        <div class="padded2">    
    <h2>Education Qualification</h2>
    <table>
        <thead>
            <tr>
                <th>S.No </th>
                <th>Exam Passed</th>
                <th>Passing Year</th>
                <th>Marks Obtain</th>
                <th>Total Marks</th>
                <th>Percentage%</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>1</td>
                <td>10th</td>
                <td>2021</td>
                <td>478</td>
                <td>500</td>
                <td>95.6</td>
            </tr>
            <tr>
                <td>2</td>
                <td>12th</td>
                <td>2024</td>
                <td>348</td>
                <td>500</td>
                <td>69.2</td>
            </tr>
        </tbody>
    </table>
        </div>
        </div>
     
    </div>
    </div>
</body>
</html>



css file

.padded {
    padding-left: 10%;
}

.padded2 {
    padding-right: 10%;
}

.padded3 {
    padding-top: 10%;
}


table {
    width: 50%;
    border-collapse: collapse; /* Combines borders */
}
th, td {
    border: 1px solid #ccc; /* Border for table cells */
    padding: 8px; /* Space inside cells */
    text-align: left; /* Aligns text to the left */
}
th {
    background-color: #f2f2f2; /* Light gray background for headers */
}

.container {
    display: flex;
}
.left, .right {
    flex: 1; /* Equal width for both parts */
    padding: 20px;
    box-sizing: border-box; /* Include padding in width */
}
.left {
    background-color: #f2f2f2; /* Light gray for left part */
}
.right {
    background-color: #f2f2f2; /* Light blue for right part */
}

Comments

Post a Comment

Popular posts from this blog

Become Healthy Goal - Python Program

-
  def gettime(): import time return time.asctime(time.localtime(time.time())) def log(): while True : choice = int ( input ( "Enter 1 for Diet, 2 for exercise: " )) if choice== 1 : diet= input ( "Enter Food Name: " ) with open ( "deep-food.txt" , "a" ) as d: d.write( str ([ str (gettime())]) + ": " + diet) print ( "Add successfuly!" ) elif choice== 2 : exercise= input ( "Enter Exercise Name: " ) with open ( "deep-exercise.txt" , "a" ) as d: d.write( str ([ str (gettime())]) + ": " + exercise) print ( "Add Successfuly!" ) ans= input ( "Do you want to add 'diet or exercise' \n Type Y for yes and Type N for no: " ) if ans== 'n' : print ( "Good bye!" ) break def retreiv...
Read more

Interpretation vs Compilation

-
Image
  What is Interpreter? This language processor converts a HLL(High Level Language) program into machine language by converting and executing it line by line. If there is any error in any line, it reports it at the same time and program execution cannot resume until the error is rectified. Interpreter must always be present in the memory every time the program is executed as every time the program is run, it is first interpreted and then executed. For error debugging, interpreter is very much useful as it reports the error(s) at the same time. But once errors are removed, unnecessary usage of memory takes place as it has to be present in the memory always.   What is Compiler? It also converts the HLL program into machine language but the conversion manner is different. It converts the entire HLL program in one go, and reports all the errors of the program along with the line numbers. After all the errors are removed, the program is recompiled, and after that the compiler is not...
Read more

Calculator in C++

-
  #include <iostream> #include <cmath> using namespace std ; void calculator (){     float num1 , num2 ;     string opr ;     cout << "<<------!This is simple calculator for calculations!----->>" << endl ;     cout << "Enter Number: " ;     cin >> num1 ; cout << endl ;     cout << "choise operation: +,-,*,/, squareRoot(r), square(s): " ;     cin >> opr ; cout << endl ;     if ( opr == "+" ){         cout << "Enter Number: " ;         cin >> num2 ; cout << endl ;         cout << "Your result: " << num1 + num2 << endl ;     }     else if ( opr == "-" ){         cout << "Enter Number: " ;         cin >> num2 ; cout << endl ;         co...
Read more