personal_portfolio/aboutme.html at master · tsheringphuntsho18/personal_portfolio · 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>
    <link rel="stylesheet" type="text/css" href="aboutmestyle.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
    <link href="https://fonts.googleapis.com/css?family=Kaushan+Script&display=swap" rel="stylesheet">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
    <div class="about_me">
        <div class="custom-line1"></div>
        <div class="custom-line2"></div>
        <div class="custom-line3"></div>
        <div class="left-section">
            <a href="index.html">
                <div class="logo">
                    <h1>Phuntsho</h1>
                </div>
            </a>
            <footer class="copyright">
                <p>&copy; 2023 Tshering Phuntsho</p>
            </footer>
            <p class="name">Hello, I'm <b>Tshering phuntsho</b></p>
            <pre class="intro">
                Currently pursuing Bachelor degree in
                B.E in Software Engineering at college
                of science and technology.
            </pre>
            <img src="assets/bulb.png" alt="idea" class="bulb">
            <div class="designer">
                <p>UI design</p>
                <p>UX design</p>
                <p>Figma</p>
            </div>
            <pre class="weakness">
                Perfectionism
                 * I often spend more
                   time on a
                   particular task
                   until i get Perfect result.
            </pre>
            <div class="semi-circle">
                <p class="text"><b>Designer</b></p>
            </div>
        </div>
        <div class="right-section">
            <nav class="navbar">
                <ul>
                    <li><a href="aboutme.html" class="about-button"><i class="fas fa-user"></i> About Me</a></li>
                    <li><a href="portfolio.html"><i class="fas fa-book"></i> Portfolio</a></li>
                    <li class="contact-icon"><a href="contact.html"><i class="fas fa-phone"></i> Contact</a></li>
                </ul>
            </nav>
            <div class="toggle-container">
                <input type="checkbox" id="custom-toggle" class="toggle-checkbox">
                <label for="custom-toggle" class="toggle-label"></label>
            </div>
            <img src="assets/me.png" alt="Glowing Image" class="glow-image" onclick="toggleGlow(this)">

            <script>
                function toggleGlow(element) {
                element.classList.toggle("glow-image-active");
                }
            </script>
            <pre class="info">
                I'm passionate about technology and
                innovation. I enjoy turning complex problem
                into simple, beautiful and intuitive design.
            </pre>
            <div class="coder">
                <p>Html/Css</p>
                <p>Python</p>
                <p>Leetcode</p>
            </div>
            <div class="semi-circle2">
                <p class="text2"><b>Coder</b></p>
            </div>
            <img src="assets/strength n weakness.jpeg" alt="strength and weakness picture" class=" snw">
            <pre class="strength">
                1. Have patience
                2. Perform best as a Team
                3. Quickly adapt to new
                   working environment
                4. Communication
            </pre>
        </div>
    </div>
</body>
</html>