profile/index.html at master · queen-stack/profile · 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
<!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>Portfolio Demo</title>
      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css">
      <link href="https://fonts.googleapis.com/css?family=Public+Sans:300i,300,500&display=swap" rel="stylesheet">
      <link rel="stylesheet" href="./styles.css"/>

    </head>

    <body>
      <header>
        <div class="container flex-row justify-space-between align-center py-3">
          <h1 class="page-title text-secondary bg-dark py-2 px-3">Jenifer Queen</h1>
          <nav class="flex-row">
            <a class="ml-2 my-1 px-2 py-1 bg-secondary text-dark" href="https://github.com/queen-stack">GitHub</a>
          </nav>
        </div>
      </header>
      <main class="container my-5">

      <section class="my-3" id="about">
        <h2 class="text-dark bg-primary p-2 display-inline-block">About Me</h2>
        <p>Dynamic leader with deep experience providing strategic expertise for application solutions, with experience driving core business strategies in corporate environments. Recognized for improving operational,  technical efficiencies, and aligning business objectives by implementing strategic plans, organizational structure, and process streamlining.</p>
      </section>


      <section class="my-3" id="portfolio">
        <h2 class="text-dark bg-primary p-2 display-inline-block">Work</h2>
        <div class="flex-row justify-space-between">

            <div class="col-12 mb-2 bg-dark text-light p-3">
              <h3 class="portfolio-item-title text-light">smollTalk</h3>
              <h5 class="portfolio-languages">
                Built With:
                JavaScript,HTML,CSS,ES6,Bootstrap
              </h5>
              <p>As communities scale, guarantee your users a place to belong by empowering them to start conversations that matter. This social media app allows your users to select from topics and join in on the hot topcs of today.</p>
              <a href="https://github.com/queen-stack/smollTalk"" class="btn"><i class="fab fa-github mr-2"></i>View Project on GitHub</a>
            </div>

            <div class="col-12 mb-2 bg-dark text-light p-3">
              <h3 class="portfolio-item-title text-light">word web</h3>
              <h5 class="portfolio-languages">
                Built With:
                JavaScript,HTML,CSS,ES6,jQuery,Bootstrap
              </h5>
              <p>Dictionary app that allows user to search for a term returns definition, pronunciation and a new word of the day.  Provides more learning than bargained for! For those that are avid learners and looking to “hear the word pronounced correctly.</p>
              <a href="https://queen-stack.github.io/our_app_project/" class="btn"><i class="fab fa-github mr-2"></i>View Project on GitHub</a>
            </div>


            <div class="col-12 col-md-6 mb-2 bg-dark text-light p-3 flex-column">
              <h3 class="portfolio-item-title text-light">Taskmaster Pro</h3>
              <h5 class="portfolio-languages">
                Built With:
                JavaScript, HTML, CSS, jQuery, Bootstrap
              </h5>
              <p>Task Master Kanban application to help keep your project or life organized!</p>
              <a href="https://queen-stack.github.io/taskmaster_pro/" class="btn mt-auto"><i class="fab fa-github mr-2"></i>View Project on GitHub</a>
            </div>

            <div class="col-12 col-md-6 mb-2 bg-dark text-light p-3 flex-column">
              <h3 class="portfolio-item-title text-light">5 Day Weather Forecast</h3>
              <h5 class="portfolio-languages">
                Built With:

              </h5>
              <p>One of the first applications built learning how to use API calls</p>
              <a href="https://queen-stack.github.io/server_side_api/" class="btn mt-auto"><i class="fab fa-github mr-2"></i>View Project on GitHub</a>
            </div>


        </div>
      </section>

      </main>
      <footer class="container text-center py-3">
        <h3 class="text-dark">&copy;2020 by Jenifer Queen</h3>
      </footer>
    </body>
    </html>