All-code-of-python-html/classwork.html at main · ayushraj001git/All-code-of-python-html · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Ayush Raj - Introduction</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background: #eef2f7;
            margin: 0;
            padding: 40px;
        }
        .card {
            max-width: 750px;
            margin: auto;
            background: white;
            padding: 35px;
            border-radius: 12px;
            box-shadow: 0 4px 15px rgba(0,0,0,0.1);
        }
        h1 {
            text-align: center;
            color: #2c3e50;
            font-size: 2.2em;
            margin-bottom: 5px;
        }
        .location {
            text-align: center;
            color: #7f8c8d;
            margin-bottom: 25px;
        }
        h3 {
            color: #2980b9;
            margin-top: 25px;
            border-left: 4px solid #3498db;
            padding-left: 10px;
        }
        p {
            font-size: 1.05em;
            line-height: 1.7;
            color: #444;
        }
    </style>
</head>
<body>
    <div class="card">
        <!-- Name in Heading -->
        <h1>Ayush Raj</h1>
        <p class="location">From Bihar | 1st Year B.Tech CSE Student</p>

        <!-- About Section -->
        <h3>About Me</h3>
        <p>
            Hello everyone, my name is Ayush Raj and I am from Bihar.
            I am a first year B.Tech CSE student. I am excited to learn new things,
            make new friends, and build my career in technology.
            I am passionate about coding, problem solving, and exploring how technology
            can be used to create solutions for real-world problems.
            Thank you, everyone.
        </p>

        <!-- Hobby Section -->
        <h3>My Hobby</h3>
        <p>
            My hobby is learning new things. I enjoy exploring new technologies,
            watching coding tutorials, and reading about the latest trends in computer science.
            Learning new skills keeps me motivated and helps me prepare for my future career.
            I also like discussing ideas with friends and working on small projects.
        </p>
    </div>
</body>
</html>