My-Introduction2/index.html at main · rutujanarode/My-Introduction2 · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Capstone Project 2</title>
    <link rel="stylesheet" href="style.css"/>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
    <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet">
  </head>


<body>
  <div class="background1">
    <div class="px-4 py-5 my-5 text-center">
        <h1 class="display-5 fw-bold text-body-emphasis heading">Hello, I'm Rutuja</h1>
        <div class="col-lg-6 mx-auto">
          <p class="lead mb-4">a programmer, who loves to code</p>
        </div>
      </div>
    </div>

    <div class="image">
    <img src="./Rutuja.jpg" height="200px" alt="Rutuja image"/>
    </div>

    <div class="hello">
      <h1>Hello</h1>
      <h2>I'm a web developer</h2>
    </div>

    <div class="space"></div>
<div class = "skills">
     <h1>Skills</h1></div>
<div class ="spaces"></div>
    <div class = "images">
    <div class="skills">
      <img src="./webDesign.avif" height="200px" alt="web design"/>
        <h1>1. Web Designer and Developer</h1>
         <p>I started learning HTML and CSS, and I quickly discovered a passion for web development and design. Building websites from scratch allows me to combine creativity with technical skills, crafting visually appealing and functional pages. As I deepened my knowledge, I began exploring responsive design, ensuring that websites look great on any device. I've also dabbled in JavaScript to add interactivity, making user experiences more dynamic and engaging.
         </p>
    </div>
  </div>

    <div class="spaces"></div>

    <div class = "images">
    <div class="typing">
     <img src = "./typing.avif" height="250px" alt = "typing "/>
     <h1>2. Typing Enthusiast</h1>
     <p>Actually, I love typing. Whenever I get free after my college hours, I spend some of my time typing because I love doing it. I have completed a certified course from the website "typing.com", which has significantly improved my speed and accuracy. Over time, I have developed a strong proficiency in touch typing, allowing me to type quickly without looking at the keyboard. This skill not only boosts my productivity but also enhances my focus while working on various tasks. Typing has become a therapeutic activity for me, where I can relax and hone a skill that is both practical and enjoyable.</p>
        </div>
     </div>
    <div class = "spaces"> </div>
     <div class = "contact"> CONTACT ME</div>


     <div class="container">
      <footer class="py-3 my-4">
        <ul class="nav justify-content-center border-bottom pb-3 mb-3">
          <li class="nav-item"><a href="https://mail.google.com/mail/u/0/#inbox" class="nav-link px-2 text-body-secondary">Email</a></li>
          <li class="nav-item"><a href="https://www.linkedin.com/in/rutuja-narode-b349ba28a?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app" class="nav-link px-2 text-body-secondary">LinkedIn</a></li>

        </ul>

      </footer>
    </div>


</body>

</html>