Portfholio/About.html at main · Arjunraj9721/Portfholio · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Arjun Rajbhar | Web Developer & Programmer</title>
    <link rel="stylesheet" href="style.css">
    <script defer src="script.js"></script>
</head>
<body>

    <div class="container">
        <div class="sidebar">
            <h1>Portfolio</h1>
            <button class="menu-toggle">☰</button>
            <nav>
                <ul>
                    <li>
                        <a href="/Home.html" class="no-underline">
                            <svg width="20" height="20" viewBox="0 0 24 24" fill="white" xmlns="http://www.w3.org/2000/svg">
                                <path d="M3 9.5l9-7 9 7V21H3V9.5zm7 10.5v-6h4v6h3v-7h2l-7-5-7 5h2v7h3z"/>
                            </svg>
                            Home
                        </a>
                    </li>
                    <li>
                        <a href="/About.html" class="no-underline">
                            <svg width="20" height="20" viewBox="0 0 24 24" fill="white" xmlns="http://www.w3.org/2000/svg">
                                <path d="M12 2a5 5 0 1 1 0 10 5 5 0 0 1 0-10zM4 20c0-3.315 2.685-6 6-6h4c3.315 0 6 2.685 6 6v2H4v-2z"/>
                            </svg>
                            About
                        </a>
                    </li>
                    <li>
                        <a href="/Projects.html" class="no-underline">
                            <svg width="20" height="20" viewBox="0 0 24 24" fill="white" xmlns="http://www.w3.org/2000/svg">
                                <path d="M3 3h8v8H3V3zm10 0h8v8h-8V3zM3 13h8v8H3v-8zm10 0h8v8h-8v-8z"/>
                            </svg>
                            Projects
                        </a>
                    </li>
                    <li>
                        <a href="/Skill.html" class="no-underline">
                            <svg width="20" height="20" viewBox="0 0 24 24" fill="white" xmlns="http://www.w3.org/2000/svg">
                                <path d="M12 2l3 7h7l-6 5 2 8-7-4-7 4 2-8-6-5h7l3-7z"/>
                            </svg>
                            Skill
                        </a>
                    </li>
                    <li>
                        <a href="/Eduction.html" class="no-underline">
                            <svg width="20" height="20" viewBox="0 0 24 24" fill="white" xmlns="http://www.w3.org/2000/svg">
                                <path d="M12 2l10 5-10 5L2 7l10-5zm0 7l6.92-3.46L12 3.1 5.08 5.54 12 9zm-8 2.08V15c0 3.87 3.13 7 7 7s7-3.13 7-7v-3.92l-7 3.5-7-3.5z"/>
                            </svg>
                            Education
                        </a>
                    </li>
                    <li>
                        <a href="/Contact.html" class="no-underline">
                            <svg width="20" height="20" viewBox="0 0 24 24" fill="white" xmlns="http://www.w3.org/2000/svg">
                                <path d="M21 6h-2V4H5v2H3v14h18V6zM5 8h14v10H5V8zm7 6h4v2h-4v-2z"/>
                            </svg>
                            Contact
                        </a>
                    </li>
                    <li>
                        <a href="/Resume view.html" class="no-underline">
                            <svg width="20" height="20" viewBox="0 0 24 24" fill="white" xmlns="http://www.w3.org/2000/svg">
                                <path d="M6 2h12v20H6V2zm7 13v2h-2v-2h2zm-2-2V7h2v6h-2z"/>
                            </svg>
                            Resume View
                        </a>
                    </li>

            </nav>
        </div>

        <div class="main">
            <div class="about-container">
                <h1>About Arjun Rajbhar</h1>

                <section class="about-section">
                    <h2>Introduction</h2>
                    <p class="short-text">Hello! My name is Arjun Rajbhar, and I am a passionate web developer specializing in creating interactive and user-friendly websites...</p>
                    <p class="full-text hidden">With a strong foundation in JavaScript, HTML, and CSS, I aim to build projects that solve real-world problems and enhance user experience. My goal is to continuously learn and grow as a developer while contributing to impactful projects.</p>
                    <button class="learn-more" onclick="toggleText(this)">Read More</button>
                </section>

                <section class="about-section">
                    <h2>Skills</h2>
                    <p>HTML, CSS, JavaScript, React, MS Office</p>
                </section>
            </div>
        </div>
    </div>

</body>
</html>