ellemitchell.tech/resume.html at main · ellemitchell/ellemitchell.tech · 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
133
134
135
136
137
138
139
140
141
<!DOCTYPE html>
<html>

<head>git commit
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="icon" type="image/x-icon" href="/media/images/favicon.ico">
  <title>Elle Mitchell, Front End Web Developer for Hire</title>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  <link rel="stylesheet" href="/css/style.css">
</head>

<body>
  <div class="container">
    <header id="home">
      <div class="header">
        <table align="center">
          <td>
            <img id="img01" src="/media/images/portrait.jpg" alt="photograph of Elle Mitchell" height="175">
          </td>
          <td align="center">
            <h1> Elle Mitchell<br>Front End Web Developer for Hire </h1>
            <nav class="navbar fixed-top navbar-expand-md">
              <div class="container-fluid">
                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                  <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse" id="navbarSupportedContent">
                  <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                    <li class="nav-item">
                      <a class="nav-link active" aria-current="page" href="#home">Home</a>
                    </li>
                    <li class="nav-item">
                      <a class="nav-link" href="#about">About Me</a>
                    </li>
                    <li class="nav-item">
                      <a class="nav-link" href="#portfolio">Portfolio</a>
                    </li>
                    <li class="nav-item">
                      <a class="nav-link" href="#blog">Blog</a>
                    </li>
                    <li class="nav-item">
                      <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#contactModal" data-bs-whatever="lmitchell108@gmail.com">Send Me a Message</button>
                    </li>
                    </li>
                  </ul>
                  <a class="btn btn-primary" style="background-color: #0a66c2;" href="https://www.linkedin.com/in/ellemitchell/" role="button"><i class="fa fa-linkedin"></i>
                  </a>
                  <a class="btn btn-primary" style="background-color: #333333;" href="https://github.com/ellemitchell" role="button"><i class="fa fa-github"></i>
                  </a>
                  <a class="btn btn-primary" style="background-color: #db4437;" href="mailto:lmitchell108@gmail.com?subject=write letter>mail to" role="button">
                    <i class="fa fa-google"></i>
                  </a>
                  <a class="btn btn-primary" style="background-color: #00aff0;" href="#!" role="button"><i class="fa fa-skype"></i>
                  </a>
                </div>
              </div>
            </nav>
          </td>
        </table>
      </div>
    </header>
    <main>
      <section>
        <div class="intro">
          <p id="intro">I'm a front-end web developer based in Hartford, Connecticut who specializes in innovative solutions for small businesses while centering responsive web design and accessibility. If you're looking to modernize your current website and expand your customer base, let's talk!</p>
        </div>
      </section>
      <br>
      <br>
      <section>
       <h1 style="color:red;">Want to know more?</h1>
        <p>For more information about my prior experience please go to my <strong><a href="https://www.linkedin.com/ellemitchell">LinkedIn</a></strong> page.</p>
      </section>
      <br>
      <br>
      <div class="modal-trigger">
        <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#contactModal" data-bs-whatever="lmitchell108@gmail.com">Send Me a Message</button>
      </div>
      <div class="modal fade" id="contactModal" tabindex="-1" aria-labelledby="contactModalLabel" aria-hidden="true">
        <div class="modal-dialog">
          <div class="modal-content">
            <div class="modal-header">
              <h1 class="modal-title fs-5" id="contactModalLabel">Send Me a Message</h1>
              <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
              <form>
                <div class="mb-3">
                  <label for="recipient-name" class="col-form-label">Name (first and last):</label>
                  <input type="text" class="form-control" id="recipient-name">
                </div>
                <div class="mb-3">
                  <label for="telephone" class="col-form-label">Telephone:</label>
                  <input type="text" class="form-control" id="telephone">
                </div>
                <div class="mb-3">
                  <label for="email" class="col-form-label">Email:</label>
                  <input type="text" class="form-control" id="email">
                </div>
                <div class="mb-3">
                  <label for="message-text" class="col-form-label">How may I help you?</label>
                  <textarea class="form-control" id="message-text"></textarea>
                </div>
              </form>
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
              <button type="button" class="btn btn-primary">Send message</button>
            </div>
          </div>
        </div>
      </div>
      </section>
    </main>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
    <script rel="stylesheet" src="/javascript/bootstrap.css"></script>
  </div>
</body>
<footer class="text-center text-white">
  <div class="container pt-4">
    <section class="mb-4">
      <a class="btn btn-link btn-floating btn-lg text-dark m-1" href="https://www.linkedin.com/in/ellemitchell/" class="fa fa-linkedin" role="button" data-mdb-ripple-color="dark">
        <i class="fa fa-linkedin"></i>
      </a>
      <a class="btn btn-link btn-floating btn-lg text-dark m-1" href="https://github.com/ellemitchell" role="button" data-mdb-ripple-color="dark">
        <i class="fa fa-github"></i>
      </a>
      <a class="btn btn-link btn-floating btn-lg text-dark m-1" href="mailto:lmitchell108@gmail.com?subject=write letter>mail to" role="button" data-mdb-ripple-color="dark">
        <i class="fa fa-google"></i>
      </a>
      <a class="btn btn-link btn-floating btn-lg text-dark m-1" href="#!" role="button" data-mdb-ripple-color="dark">
        <i class="fa fa-skype"></i>
      </a>
    </section>
  </div>
  <div class="text-center text-dark p-3">&copy;2023 Elle Mitchell </div>
</footer>

</html>