OnlinePortfolio/Dharm_Projects.html at master · neeldharm/OnlinePortfolio · 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
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>Neel's Online Portfolio</title>
    <link href="CSS_file/style.css" rel="stylesheet" type="text/css" />
    <link href="CSS_file/bootstrap.css" rel="stylesheet" type="text/css" />
  </head>
  <body>
    <div class = "container">
      <nav class = "nav nav-pills nav-fill">
        <a href = "index.html" class = "nav-item nav-link">Home</a>
        <a href = "Dharm_AboutMe.html" class = "nav-item nav-link">About Me</a>
        <a href = "Dharm_Projects.html" class = "nav-item nav-link active">Projects</a>
        <a href = "Dharm_Resume.html" class = "nav-item nav-link">Resume</a>
        <a href = "Dharm_ContactMe.html" class = "nav-item nav-link">Contact Me</a>
      </nav>
    </div>
    <div class = "jumbotron">
      <h1 class = "text-center">Projects</h1>
    </div>
    <div class = "container">
      <div class = "row">
        <div class = "col-sm-12">
          <div class = "card">
            <div class = "container">
              <div class="row">
                <div class = "col-sm-4">
                  <img src="images/BalloonPygamePicture.png" width="300px" height="300px">
                </div>
                <div class = "col-sm-8">
                  <h4>Balloon Game in Pygame</h4>
                  <p>In this project, I made a game that attaches a ballon to a letter. When you type that key corresponding to the letter, it pops and another one comes. Every 2 balloons popped makes the speed increase by a little bit.</p>
                </div>
              </div>
            </div>
          </div>
        </div>
         <div class = "col-sm-12">
          <div class = "card">
            <div class = "container">
              <div class="row">
                <div class = "col-sm-4">
                  <img src="images/PygameOnlinePortfolioPong.png" width="300px" height="300px">
                </div>
                <div class = "col-sm-8">
                  <h4>Pong in pygame</h4>
                  <p>In this project, I made my own version of the Atari game Pong. I created paddles and a ball. The ball bounces on the paddles and the top and bottom. But when the paddle misses and the ball hits one of the sides of the screen, the opposite player gets one point and the ball resets to it's starting location.</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class = "row">
        <div class ="col-sm-12">
          <div class = "card">
            <h6></h6>
          </div>
        </div>
        <div class ="col-sm-12">
          <div class = "card">
            <h6></h6>
          </div>
        </div>
      </div>
    </div>
    <footer class = "jumbotron">
      <div class="container">
        <a href = "https://www.dublin.k12.ca.us/Domain/286" target="blank">
          <img src = "images/Logo_School.jpg" height = "100"/>
        </a>
        <a href = "mailto:dharmneel21@gmail.com">
          <img src = "images/Mail.jpg" height = "100"/>
        </a>
      </div>
    </footer>
    <script src="script.js"></script>
  </body>
</html>