html_project/home.html at main · Pdiya13/html_project · 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
90
91
92
93
94
95
96
97
98
99
100
101
102
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="stylesheet" href="project.css">

    <title>
        Introduce Yourself
    </title>
    <style>

    </style>


</head>

<body>
    <div class="main">
    <div class="c1">
        <h1>Profile</h1>
    </div>

    <header class="head">
        <ul>
            <li><a href="home.html">
                    <span>Home</span>
                </a></li>
            <li><a href="Academics.html">
                    <span>Academic</span>
                </a></li>
            <li><a href="hobby.html">
                    <span>Hobbies</span>
                </a></li>
            <li><a href="Achievements.html">
                    <span>Achievements</span>
                </a></li>
            <li><a href="Startup_ideas.html"><span>Startup Ideas</span></a></li>
            <li><a href="Slogan_spectrum.html"><span>Slogan Spectrum</span></a></li>
        </ul>
    </header>
    <br>

    <div class="mainspace">

        <div class="mainimg">
            <img id="image" src="profile.jpg" alt="diya">
        </div>

        <div>
            <div class="text">
                <p>
                    <br>
                    Hey there, I'm Diya Patel<br>
                    your friendly neighborhood tech enthusiast! Ever since I can remember, I've been fascinated by the inner
                    workings of gadgets and the limitless world of coding. But that's just one side of me. I'm also someone who
                    believes in the power of kindness and positivity. Exploring different genres, whether it's in tech or beyond,
                    fuels my curiosity and helps me grow. Join me on this journey of discovery and let's empower each other along
                    the way!
                </p>
            </div>
        </div>

    </div>
    <br>

    <footer>
        <div class="footer-text">

            <div class="left-side">
                <p>Connect with Us:</p>

                <div class="social-icons">
                    <a class="aa" href="#"><img src="face.jpeg" alt="Facebook"></a>
                    <a class="aa" href="#"><img src="insta.jpeg" alt="Instagram"></a>
                    <a class="aa" href="#"><img src="linked.jpeg" alt="Linkedin"></a>
                </div>
            </div>

            <div class="right-side">
                <p>Additional Links:</p>
                <ul>
                    <li><a class="right" href="feedback.html">Feedback</a></li>
                    <li><a class="right" href="contact.html">Contact Me</a></li>
                </ul>

            </div>

        </div>
        <p class="fp" style="font-size:15px">© 2024 Your Website. All rights reserved.</p>
    </footer>

    </div>

    <select>
        <option value="en">English</option>
    </select>
</body>

</html>