HTML/project.html at main · ENiGMA-101/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
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<!DOCTYPE html>
<html>
<head>
    <title>My Virtual Website</title>
</head>
<body>
    <header>
        <img src="Image/Assalamu Alaikum.jpeg" width="600" height="200" alt="Assalamu Alaikum">
        <h1><u>Welcome to My Virtual Website</u></h1>
        <nav>
            <ul>
                <li><a href="#about">About Me</a></li>
                <li><a href="#skills">Skills</a></li>
                <li><a href="#projects">Projects</a></li>
                <li><a href="#blog">Blog</a></li>
                <li><a href="#contact">Contact</a></li>
            </ul>
        </nav>
    </header>

    <section id="about">
        <h2>About Me</h2>
        <p>
            Hi, I'm Hamdil Hasan! <br>I'm a passionate web developer with a keen interest in creating innovative and user-friendly web experiences.<br>
            I'm always eager to learn new technologies.I enjoy working on projects that challenge me to think creatively and problem-solve.<br>
            I'm a collaborative team player, and I'm always open to feedback and new ideas.
        </p>
    </section>

    <section id="skills">
        <h2>Skills</h2>
        <ul>
            <li>HTML</li>
            <li>CSS</li>
            <li>C/C++</li>
            <li>Python</li>
            <li>Java</li>
        </ul>
    </section>

    <section id="projects">
        <h2>Projects</h2>
        <ul>
            <li><a href="https://github.com/ENiGMA-101/HTML" target="_blank">Project 1</a></li>
            <li><a href="https://github.com/ENiGMA-101/HTML" target="_blank">Project 2</a></li>
            <li><a href="https://github.com/ENiGMA-101/HTML" target="_blank">Project 3</a></li>
        </ul>
    </section>

    <section id="blog">
        <h2>Latest Blog Posts : </h2>
        <article class="post">
            <h3>Blog Post One</h2>
            <small>Posted by h@mdil on 4 July 19:40</small>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Delectus, natus!</p>
            <a href="blog-post1.html">Read more..</a>
        </article>

        <article class="post">
            <h3>Blog Post Two</h2>
            <small>Posted by h@mdi on 4 July 20:40</small>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Delectus, natus!</p>
            <a href="blog-post2.html">Read more..</a>
        </article>

        <aside>
            <h2>Categories : </h2>
            <nav>
                <ul>
                    <li><a href="#">Category 1</a></li>
                    <li><a href="#">Category 2</a></li>
                    <li><a href="#">Category 3</a></li>
                </ul>
            </nav>
        </aside>
    </section>

    <section id="contact">
        <h2>Contact Me</h2>
        <p>Email: <a href="mailto:23101040@uap-bd.edu"></a> 23101040@uap-bd.edu</p>
        <p>Phone: +8801843-097354</p>
    </section>

    <footer>
        <p>Copyright &copy; 2024, My Versatile Website</p>
    </footer>
    <div style="margin-top:700px"></div>
</body>
</html>