bostontechie.github.io/portfolio.html at master · BostonTechie/bostontechie.github.io · 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
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
<!DOCTYPE html><!--  This site was created in Webflow. http://www.webflow.com  -->
<!--  Last Published: Sat Feb 05 2022 21:59:54 GMT+0000 (Coordinated Universal Time)  -->
<html data-wf-page="61fea187ccf6efa6002758e6" data-wf-site="61fea187ccf6ef09de2758d6">
<head>
  <meta charset="utf-8">
  <title>Portfolio</title>
  <meta content="View all of our most recent projects, and learn how you can hire us for your next project." name="description">
  <meta content="Portfolio" property="og:title">
  <meta content="View all of our most recent projects, and learn how you can hire us for your next project." property="og:description">
  <meta content="Portfolio" property="twitter:title">
  <meta content="View all of our most recent projects, and learn how you can hire us for your next project." property="twitter:description">
  <meta property="og:type" content="website">
  <meta content="summary_large_image" name="twitter:card">
  <meta content="width=device-width, initial-scale=1" name="viewport">
  <meta content="Webflow" name="generator">
  <link href="css/normalize.css" rel="stylesheet" type="text/css">
  <link href="css/webflow.css" rel="stylesheet" type="text/css">
  <link href="css/bostontechie.webflow.css" rel="stylesheet" type="text/css">
  <script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
  <script type="text/javascript">WebFont.load({  google: {    families: ["Lato:100,100italic,300,300italic,400,400italic,700,700italic,900,900italic"]  }});</script>
  <!-- [if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif] -->
  <script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
  <link href="images/favicon.ico" rel="shortcut icon" type="image/x-icon">
  <link href="images/webclip.png" rel="apple-touch-icon">
</head>
<body>
  <div class="contact-overlay wf-section">
    <div class="w-container">
      <a href="#" data-w-id="53a7664c-23a9-741b-01d1-3dbb83626754" class="close-link">CLOSE ✕</a>
      <div class="form-wrapper">
        <div class="contact-heading">Get in Touch</div>
        <div class="small-divider"></div>
        <div class="contact-text">Thank you for your interest! Please fill out the form below if you would like to work together.</div>
        <div class="w-form">
          <form id="email-form" name="email-form" data-name="Email Form" method="get"><input type="text" class="text-field w-input" maxlength="256" name="name" data-name="Name" placeholder="Enter your name" id="name"><input type="email" class="text-field w-input" maxlength="256" name="email" data-name="Email" placeholder="Enter your email address" id="email" required=""><textarea id="Project-details" name="Project-details" placeholder="What are your project details..." maxlength="5000" data-name="Project details" class="text-field text-area w-input"></textarea><input type="submit" value="Send" data-wait="Please wait..." class="submit-button w-button"></form>
          <div class="success-message w-form-done">
            <p class="success-text">Thank you! Your submission has been received!</p>
          </div>
          <div class="w-form-fail">
            <p>Oops! Something went wrong while submitting the form</p>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="hero-section portfolio-hero wf-section">
    <div data-collapse="medium" data-animation="default" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="nav w-nav">
      <div class="w-container">
        <a href="index.html" class="w-nav-brand">
          <div class="logo-text">ANDREW <strong data-new-link="true">URQUHART</strong></div>
        </a>
        <nav role="navigation" class="nav-menu w-nav-menu">
          <a href="index.html" class="nav-link w-nav-link">Home</a>
          <a href="about.html" class="nav-link w-nav-link">About</a>
          <a href="skills.html" class="nav-link w-nav-link">Skills</a>

          <a href="#" data-w-id="c66b3b9e-8533-cf7e-3626-5291fef080a4" class="nav-link contact w-nav-link">Contact</a>
        </nav>
        <div class="menu-button w-nav-button">
          <div class="w-icon-nav-menu"></div>
        </div>
      </div>
    </div>
    <h1>My  Portfolio</h1>
    <div class="hero-overlay"></div>
  </div>
  <div class="section wf-section">
    <div class="w-container">
      <div class="w-dyn-list">
        <div role="list" class="w-clearfix w-dyn-items w-row">
          <div style="margin: 2em" role="listitem" class="project-block w-dyn-item w-col w-col-4">

              <div style="background-image: url(./images/stack\ dev.jpg); width: auto;" class="project-image"></div>

              <div class="project-tag"></div>

              <div style="background-color:#23523b">
              <ul style="color:#e9e9e9">
                <p>StackDevHelp is Simplified & Friendly Clone of StackOverflow developed specially for all Code Newbies who are afraid to ask their questions on the real StackOverFlow.</p>
                <li><div class="project-tag1">React</div></li>
                <li><div class="project-tag1">ExpressJS</div></li>
                <li><div class="project-tag2">MongoDB</div></li>
                <li><div class="project-tag3">MaterialUi</div></li>
              </ul>
              <button style="margin-left: 31%; type="button" class="btn btn-outline-light" style="margin: 5px;" onclick="window.open('https://github.com/SaltySpitton/FrontEnd','_blank')" >GitHub</button>
              <button type="button" class="btn btn-outline-light" style="margin: 5px;"  onclick="window.open('https://stackdevhelp.herokuapp.com/','_blank')" >Live</button>
            </div>
          </div>
          <!-- -------------------------------break ----------------------------------->

          <div  style="margin: 2em" role="listitem" class="project-block w-dyn-item w-col w-col-4">
            <div style="background-image: url(./images/fuseclock.jpg); width: auto;" class="project-image"></div>

            <div class="project-tag"></div>

            <div style="background-color:#23523b">
            <ul style="color:#e9e9e9">
              <p>Fuseclock is a simple and straight forward way to track your time by a project by day or year. The project is a clone of the clockify app that you can find online at https://clockify.me/</p>
              <li><div class="project-tag1">Python</div></li>
              <li><div class="project-tag1">Flask</div></li>
              <li><div class="project-tag1">React</div></li>
              <li><div class="project-tag2">PostGres</div></li>
              <li><div class="project-tag3">MaterialUi</div></li>
            </ul>
            <button style="margin-left: 31%; type="button" class="btn btn-outline-light" style="margin: 5px;" onclick="window.open('https://github.com/BostonTechie/LockClock-front','_blank')" >GitHub</button>
              <button type="button" class="btn btn-outline-light" style="margin: 5px;"  onclick="window.open('https://fuseclockfront3.herokuapp.com/','_blank')" >Live</button>
          </div>
        </div>

         <!-- -------------------------------break ----------------------------------->

         <div  style="margin: 2em" role="listitem" class="project-block w-dyn-item w-col w-col-4">
          <div style="background-image: url(./images/inv\ roll.jpg); width: auto;" class="project-image"></div>

          <div class="project-tag"></div>

          <div style="background-color:#23523b">
          <ul style="color:#e9e9e9">
            <p>Investment tracking is a datatable and storage mechinism for uploading investment information. A user can enter gains and losses and filter data, as well as export data into excel.</p>
            <li><div class="project-tag1">JQuery</div></li>
            <li><div class="project-tag3"> JQuery Data Tables</div></li>
            <li><div class="project-tag1">ExpressJS</div></li>
            <li><div class="project-tag2">MongoDB</div></li>

          </ul>
          <button style="margin-left: 31%; type="button" class="btn btn-outline-light" style="margin: 5px;" onclick="window.open('https://github.com/BostonTechie/inv-roll','_blank')" >GitHub</button>
              <button type="button" class="btn btn-outline-light" style="margin: 5px;"  onclick="window.open('https://investment-roll.herokuapp.com/index/home','_blank')" >Live</button>
        </div>
      </div>

       <!-- -------------------------------break ----------------------------------->

       <div  style="margin: 2em" role="listitem" class="project-block w-dyn-item w-col w-col-4">
        <div style="background-image: url(./images/flash.jpg); width: auto;" class="project-image"></div>

        <div class="project-tag"></div>

        <div style="background-color:#23523b">
        <ul style="color:#e9e9e9">
          <p>MY very first project when you go into the app the user has 40 flashcards with various intro computer html knowledge styling questions they can try to memorize.</p>
          <li><div class="project-tag1">HTML</div></li>
          <li><div class="project-tag1">CSS</div></li>
          <li><div class="project-tag2">JQuery</div></li>

        </ul>
        <button style="margin-left: 31%; type="button" class="btn btn-outline-light" style="margin: 5px;" onclick="window.open('https://github.com/BostonTechie/Flashcards','_blank')" >GitHub</button>
              <button type="button" class="btn btn-outline-light" style="margin: 5px;"  onclick="window.open('https://www.andrewurquhart.com/Flashcards/','_blank')" >Live</button>
      </div>
    </div>

        </div>

      </div>
    </div>
  </div>
  <div class="cta-section wf-section">
    <div class="w-container">
      <div class="cta-heading">Lets Work Together</div>
      <a href="mailto:andrewurq@gmail.com" data-ix="show-contact-overlay" class="button w-button">Contact Me</a>
    </div>
  </div>
  <div class="footer-section wf-section">
    <div class="w-container">
      <div class="w-row">
        <div class="w-col w-col-3">
          <a href="index.html" class="logo-footer w-nav-brand">
            <div class="logo-text footer-logo">ANDREW <strong data-new-link="true">URQUHART</strong></div>
          </a>
        </div>
        <div class="footer-link-col w-clearfix w-col w-col-9">
          <a href="#" data-ix="show-contact-overlay" class="nav-link footer-link contact">Contact</a>
          <a href="about.html" class="nav-link footer-link">About</a>
          <a href="skills.html" class="nav-link footer-link">Skills</a>
          <a href="https://www.linkedin.com/in/andrew-urquhart/" target="_blank" class="nav-link footer-link">Linkedin</a>
          <a href="index.html" aria-current="page" class="nav-link footer-link w--current">Home</a>

        </div>
      </div>
    </div>
  </div>
  <script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=61fea187ccf6ef09de2758d6" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
  <script src="js/webflow.js" type="text/javascript"></script>
  <!-- [if lte IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif] -->
</body>
</html>