Portfolio/NIKHILRAJ.html at main · NIKHIL-RAJ-2024/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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>My Portfolio</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <header>
        <nav>
            <ul>
                <li><a href="#home">Home</a></li>
                <li><a href="#about">About</a></li>
                <li><a href="#projects">Projects</a></li>
                <li><a href="#contact">Contact</a></li>
            </ul>
        </nav>
    </header>

    <section id="home" class="home-section">
        <div class="container">
            <h1>Welcome to My Portfolio</h1>
            <div class="myimg">
                <img src="https://tse1.mm.bing.net/th?id=OIP.54x6qpAdxvhydgGnrBMZ3wHaHX&pid=Api&P=0&h=180" alt="image" style="border-radius: 50%;">
            </div>
            I'm a passionate <span class="role"></span> <br>
            <a href="#about" class="btn">Learn More About Me</a>
        </div>
    </section>

    <section id="about" class="about-section">
        <div class="container">
            <h2>About Me</h2>
            <p>Hi! I'm Your Name, a web developer with a passion for coding and design. I specialize in creating responsive, user-friendly websites and applications.</p>
            <p>I have experience with HTML, CSS, JavaScript, React, and various backend technologies.</p>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolores magni nemo magnam ipsam necessitatibus obcaecati accusantium deleniti laborum eaque qui? Provident dolor fugiat, veniam eius consequuntur nemo consequatur exercitationem excepturi vel blanditiis cupiditate necessitatibus repellat magnam odit ab ex cumque omnis rerum? Distinctio dolorem, rem culpa corporis nobis facere suscipit commodi asperiores enim saepe voluptates molestias unde, impedit officiis quisquam dignissimos accusantium non vero possimus ad repellendus consequatur quis quaerat. Amet est accusamus beatae incidunt ullam ducimus, quas, nisi eum, autem repudiandae expedita repellat facilis et vero dolores. Eum, laudantium id reprehenderit doloribus sit temporibus repellendus beatae modi alias atque.</p>
        </div>
    </section>

    <section id="projects" class="projects-section">
        <div class="container">
            <h2>My Projects</h2>
            <div class="projects">
                <div class="project">
                    <img src="https://tse4.mm.bing.net/th?id=OIP.VCWOsVfOTZTdzIrKfym7yQHaEK&pid=Api&P=0&h=180" alt="Project 1">
                    <h3>Project 1</h3>
                    <p>Description of Project 1 <br>
                    Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nostrum quasi illo, provident atque aliquam delectus nulla earum maiores rerum quaerat impedit dolorum animi magni corrupti vitae quis! Neque quia ex ab, suscipit sunt nihil!
                    </p>

                </div>
                <div class="project">
                    <img src="https://tse1.mm.bing.net/th?id=OIP.yZS9HpKSelwF45k7Ls7k-wHaEK&pid=Api&P=0&h=180" alt="Project 2">
                    <h3>Project 2</h3>
                    <p>Description of Project 2 <br>
                      Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nostrum quasi illo, provident atque aliquam delectus nulla earum maiores rerum quaerat impedit dolorum animi magni corrupti vitae quis! Neque quia ex ab, suscipit sunt nihil!</p>
                </div>
                <div class="project">
                    <img src="https://tse1.mm.bing.net/th?id=OIP.yIcWHKzcz6ZQbruDU9DdYwAAAA&pid=Api&P=0&h=180" alt="Project 3">
                    <h3>Project 3</h3>
                    <p>Description of Project 3 <br>
                      Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nostrum quasi illo, provident atque aliquam delectus nulla earum maiores rerum quaerat impedit dolorum animi magni corrupti vitae quis! Neque quia ex ab, suscipit sunt nihil!</p>
                </div>
            </div>
        </div>
    </section>

    <section id="contact" class="contact-section">
        <div class="container">
            <h2>Contact Me</h2>
            <form id="contact-form">
                <input type="text" id="name" placeholder="Your Name" required>
                <input type="email" id="email" placeholder="Your Email" required>
                <textarea id="message" placeholder="Your Message" required></textarea>
                <button type="submit" class="btn">Send Message</button>
            </form>
        </div>
    </section>

    <footer>
        <div class="container">
            <p>&copy; 2024 [Your Name]. All rights reserved.</p>
        </div>
    </footer>
    <script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.12"></script>
    <script src="https://kit.fontawesome.com/58a810656e.js" crossorigin="anonymous"></script>
    <script src="script.js"></script>
</body>
</html>