Portfolio/portfolio.html at master · erikabeasley/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
<!DOCTYPE html>
<html lang="en-us">

<head>

  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, intial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">

  <link rel="stylesheet" href="assets/style.css">
  <!--CSS link-->
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
    integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
  <link href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap" rel="stylesheet">

  <title>Erika Beasley Portfolio</title>
</head>

<body>
  <div id="page-container">
    <div id="content-wrap" class="portfolio-page">
      <header id="header">
        <nav class="navBar">
          <a class="navbar-brand" href="index.html"><img class="myLogo" src="assets/images/EBlogo.png" alt="Logo"></a>
          <nav class="navbar navbar-expand-lg navbar-light">
            <div class="navbar-right">
              <ul class="navbar-nav">
                <li class="nav-item active">
                  <a class="nav-link" href="about.html">About Me <span class="sr-only">(current)</span></a>
                </li>
                <li class="nav-item">
                  <a class="nav-link" href="portfolio.html">Portfolio</a>
                </li>
                <li class="nav-item">
                  <a class="nav-link" href="contact.html">Contact</a>
                </li>
              </ul>
            </div>
            <div class="navbar-right">
              <a class="socialBtn" class="btn-linkedin" href="https://www.linkedin.com/in/erika-b-6bb94695/" target="_blank">
                <i class="fab fa-linkedin-in"></i></a>
              <a class="socialBtn" class="btn-instagram" href="#" target="_blank">
                <i class="fab fa-instagram"></i></a>
              <a class="socialBtn" class="btn-github" href="https://github.com/erikabeasley"target="_blank">
                <i class="fab fa-github"></i></a>
            </div>
          </nav>
        </nav>
      </header>


      <!-- MAIN (Center website) -->
      <main class="container-sm" id="portfolio-container">
        <h1 id="portfolioID">Portfolio</h1>
        <hr />
        <form id="portfolio">

          <div>
            <h2>Musical Mood Generator</h2>
            <a href="https://github.com/Chandler8/Musical-Mood-Generator" target="_blank">GitHub Repository</a>
            <a href="https://chandler8.github.io/Musical-Mood-Generator/" target="_blank">
              <img class="content-MMG" alt="Musical Mood Generator" src="assets/images/MMG.PNG" width="470"
                height="350">
            </a>
          </div>

          <br><br>

          <div>
            <h2>The Office Quiz</h2>
            <a href="https://github.com/erikabeasley/TheOfficeQuiz" target="_blank">GitHub Repository</a>
            <a href="https://erikabeasley.github.io/TheOfficeQuiz/" target="_blank">
              <img class="content-OQ" alt="The Office Quiz" src="assets/images/Quiz.PNG" width="470" height="350">
            </a>
          </div>

          <br><br>

          <div>
            <h2>Password Generator</h2>
            <a href="https://github.com/erikabeasley/PasswordGenerator" target="_blank">GitHub Repository</a>
            <a href="https://erikabeasley.github.io/PasswordGenerator/" target="_blank">
              <img class="content-PG" alt="Password Generator" src="assets/images/PWG.PNG" width="470" height="350">
            </a>
          </div>

        </form>
      </main>
    </div>


    <!--This is the footer-->
    <footer id="footer">
      <div class="container">
          <div class="row">

              <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                  <p></p>
                  <img class="ksulogo" src="assets/images/MB_Vert_white (3).png"><span>
                      <img class="gtlogo" src="assets/images/gatech.png"></span>
                  </span>
              </div>

              <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                  <p class="foot">Contact Me</p>
                  <p>(770)596-7176</p>
                  <p>erika@beasleys.com</p>
              </div>

              <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                  <p class="foot">Social Media</p>
                  <a class="socialBtnfoot" class="btn-linkedin"
                      href="https://www.linkedin.com/in/erika-b-4bb94695/" target="_blank">
                      <i class="fab fa-linkedin-in"></i></a>
                  <a class="socialBtnfoot" class="btn-instagram" href="#" target="_blank">
                      <i class="fab fa-instagram"></i></a>
                  <a class="socialBtnfoot" class="btn-github" href="https://github.com/erikabeasley" target="_blank">
                      <i class="fab fa-github"></i></a>
              </div>

          </div>
      </div>
  </footer id="footer">
  <footer class="subFooter">
      <p>Made with <i class="far fa-heart"></i> by Erika Beasley</p>
  </footer>

  </div>
  <script src="https://kit.fontawesome.com/b521208c3b.js" crossorigin="anonymous"></script>
</body>

</html>