My_Portfolio/index.html at main · Meet951/My_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
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>BCA Student Portfolio</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- CSS -->
    <link rel="stylesheet" href="style.css">


    <!-- Icons -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">
</head>
<body>

<!-- ===== NAVBAR ===== -->
<header>
    <div class="logo">Meet</div>
    <nav>
        <a href="#home" class="active">Home</a>
        <a href="#about">About</a>
        <a href="#skills">Skills</a>
        <a href="#portfolio">Portfolio</a>
        <a href="#contact">Contact</a>
    </nav>
</header>

<!-- ===== HERO SECTION ===== -->
<section class="hero" id="home">
    <div class="hero-content">
        <h1>Hi, I am <br><span>Meet Valand</span></h1>
        <h3>BCA Student | Web Developer</h3>
        <p>
            Enthusiastic BCA student with practical knowledge of
            HTML, CSS, Javascript, PHP Basic, MySQL and WordPress.
        </p>
        <a href="#contact" class="btn">Contact Me <i class="fa-solid fa-arrow-right"></i></a>
    </div>

    <div class="hero-img">
        <img src="images/profile.png" alt="Profile">
    </div>
</section>

<!-- ===== ABOUT ===== -->
<section class="about" id="about">
    <h2>About Me</h2>
<p>
    I am a Bachelor of Computer Applications (BCA) student currently in my 3rd year.
    I have completed an internship in WordPress, where I gained practical experience
    in developing and managing websites.
    I have knowledge of HTML, CSS, and JavaScript (basic), along with PHP, ASP.NET,
    and Python at a basic level.
    I have a strong interest in website designing and can create visually appealing
    and user-friendly layouts.
    My goal is to become a professional Website Developer and continuously enhance
    my technical and design skills by working on real-world projects.
</p>
</section>

<!-- ===== SKILLS ===== -->
<section class="skills" id="skills">
    <h2>Skills</h2>
    <div class="skill-box">
        <span>HTML</span>
        <span>CSS</span>
        <span>JavaScript (Basic)</span>
        <span>WordPress</span>
        <span>MySQL</span>
        <span>Teamwork</span>
        <span>Presentation</span>
    </div>
</section>

<!-- ===== PORTFOLIO ===== -->
<section class="portfolio" id="portfolio">
    <h2>Projects</h2>

    <div class="projects">

        <div class="card">
            <h3>Grocery Shopping Website</h3>
            <p>Online grocery website with product listing and cart.</p>
            <p><strong>Tech:</strong> WordPress, WooCommerce</p>
            <a href="video/video.mp4" class="project-link">Video for My Project</a>
        </div>

        <div class="card">
            <h3>Login & Registration Simple Pages</h3>
            <p>Just Noramal Registration or Login Page in Use HTML,CSS, And JavaScript.</p>
            <a href="#" class="project-link">GitHub</a>
        </div>

        <div class="card">
            <h3>Student Portfolio Website</h3>
            <p>Personal responsive portfolio website.</p>
            <p><strong>Tech:</strong> HTML, CSS, JavaScript</p>
            <a href="#" class="project-link">Live Demo</a>
        </div>

    </div>
</section>


<!-- ===== CONTACT ===== -->
<section class="contact" id="contact">
    <h2>Contact Me</h2>
    <p>
    Email:
    <a href="https://mail.google.com/mail/?view=cm&fs=1&to=valandmeet540@gmail.com"
       target="_blank">
        valandmeet540@gmail.com
    </a>
</p>
<p>
    LinkedIn:
    <a href="https://www.linkedin.com/in/meet-valand-714203391" target="_blank" style="color:#6c63ff;">
        https://www.linkedin.com/in/meet-valand-714203391
    </a>
</p>
    <p>
    GitHub:
    <a href="https://github.com/Meet951" target="_blank" style="color:#6c63ff;">
        https://github.com/Meet951
    </a>
</p>
</section>

<!-- JS -->
<script src="script.js"></script>

</body>
</html>