Bootstrap-Project-I/index.html at master · JonathanGreene888/Bootstrap-Project-I · 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
<!doctype html>

<html lang="en">
<head>
  <meta charset="utf-8">

  <title>Digital Resume</title>

  <link rel="stylesheet" href="css/bootstrap.min.css">
  <link rel="stylesheet" href="css/index.css">

  <!--[if lt IE 9]>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
  <![endif]-->
</head>

<body>

    <div class="container">
      <div class="row">
        <div class="col-sm-12">
            <ul class="nav justify-content-center">
                <li class="nav-item">
                  <a class="nav-link active" href="#">Resume</a>
                </li>
                <li class="nav-item">
                  <a class="nav-link" href="#">About Me</a>
                </li>
                <li class="nav-item">
                  <a class="nav-link" href="#">Blog</a>
                </li>
                <li class="nav-item">
                  <a class="nav-link" href="#">Contact Me</a>
                </li>
              </ul>
            <div class="jumbotron jumbotron-fluid">
                  <h1 class="display-4">Jonathan's Resume</h1>
            </div>
        </div>
      </div>
      <div class="row">
        <div class="col-6">
            <ul class="list-group">
                <li class="list-group-item">CSS & Advanced CSS</li>
                <li class="list-group-item">Flex-Box</li>
                <li class="list-group-item">Javascript</li>
                <li class="list-group-item">C#</li>
                <li class="list-group-item">Circuit Design & Analysis</li>
              </ul>
        </div>
        <div class="col-6">
            <ul class="list-group">
                <li class="list-group-item">Less & SASS</li>
                <li class="list-group-item">Bootstrap 4</li>
                <li class="list-group-item">Html5</li>
                <li class="list-group-item">GML</li>
                <li class="list-group-item">Electronics Troubleshooting</li>
              </ul>
        </div>
      </div>
      <div class="row">
        <div class="col-4">
            <div class="Past-Project">
            <div class="card" style="width: 18rem;">
                <img class="card-img-top" src="https://lh4.ggpht.com/lCjk7FPV1xBdGTs-6TBPA-ddYTHai0PVL0LEJhqQdjfnZRJoxuKzSFnopPhiE732weNl=w300" alt="A Game from FuzzwallupGames">
                <div class="card-body">
                  <h5 class="card-title">FuzzwallupGamesLLC</h5>
                  <p class="card-text">Games developed for desktop and android Game maker, unity3D and Unreal Development Kit 3 using Game Maker Language 1.4. Utilizing the Game maker engine and 2D Vector Graphics with 2 game developed</p>
                  <a href="#" class="btn btn-primary">FuzzwallupGames.com</a>
                </div>
              </div>
            </div>
            </div>
            <div class="col-4">
                <div class="picture">
                <div class="card" style="width: 18rem;">
                    <img class="card-img-top" src="https://media.licdn.com/mpr/mpr/shrinknp_200_200/p/7/005/073/3a0/0670bc5.jpg" alt="Picture of Jonathan Greene">
                    <div class="card-body">
                      <h5 class="card-title">Let me introduce myself</h5>
                      <p class="card-text">With a passion for software development and currently im LambdaSchool I am prepared to hit the ground running and aid in the production of your project. See work and school examples below!</p>
                      <a href="#" class="btn btn-primary">Online Portfolio</a>
                    </div>
                  </div>
                </div>
                </div>
                <div class="col-4">
                    <div class="Current-Project">
                    <div class="card" style="width: 18rem;">
                        <img class="card-img-top" src="https://pbs.twimg.com/media/B9KkZckIQAE1wdM.jpg" alt="Place Holder Picture">
                        <div class="card-body">
                          <h5 class="card-title">Starting-From-Nothing.com</h5>
                          <p class="card-text">Built from the ground up using HTML5, CSS, Bootstrap and more. The site centers on helping people figure out how to take the next step towards success in life be it in Health, Wealth and Wisdom</p>
                          <a href="#" class="btn btn-primary">Starting-From-Nothing.com</a>
                        </div>
                      </div>
                    </div>
                    </div>
        </div>
      </div>
    </div><!-- container -->

    <script src="js/jquery-3.3.1.min.js"></script>
    <script src="js/bootstrap.bundle.min.js"></script>
    <script src="js/index.js"></script>
</body>
</html>