index.html

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
  <title>Jason Alway - a full-stack web developer</title>
  <meta charset="utf-8">
  <meta name="description"
    content="The portfolio of Jason Alway, a full-stack web developer, computer programmer, ethical hacker based in Minneapolis, Minnesota.">
  <meta name="keywords"
    content="jason, alway, jason alway, web design, freelance, developer, websites, graphic design, python programming, computer programming, front end developer, ethical hacking, computer, back end developer, python developer, full-stack web developer">
  <meta name="robots" content="index,follow">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="theme-color" content="#000000" />
  <link rel="canonical" href="https://jtalway.github.io"/>
  <meta property="og:title" content="Jason Alway - a full-stack web developer"/>
  <meta property="og:description" content="The portfolio of Jason Alway, a full-stack web developer, computer programmer, ethical hacker based in Minneapolis, Minnesota."/>
  <meta property="og:type" content="website"/>
  <meta property="og:url" content="https://jtalway.github.io"/>
  <meta property="og:site_name" content="Jason Alway"/>
  <meta property="og:image" content="https://jtalway.github.io/images/milky-way-640.jpg"/>
  <meta property="og:image:secure_url" content="https://jtalway.github.io/images/milky-way-640.jpg"/>
  <meta property="og:image:type" content="image/jpg"/>
  <link rel="apple-touch-icon" sizes="180x180" href="images/apple-touch-icon.png">
  <link rel="icon" type="image/png" sizes="32x32" href="images/favicon-32x32.png">
  <link rel="icon" type="image/png" sizes="16x16" href="images/favicon-16x16.png">
  <link rel="manifest" crossorigin="use-credentials" href="manifest.webmanifest">
  <!-- Google Fonts -->
  <link defer href="https://fonts.googleapis.com/css?family=Merriweather|Montserrat|Sacramento"
    rel="stylesheet">
  <!-- CSS Sylesheets -->
  <link defer
    href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
    rel="stylesheet"
    integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh"
    crossorigin="anonymous">
  <link rel="stylesheet" href="css/styles.css?v=20200426_2">
  <!-- Font Awesome -->
  <script defer
    src="https://kit.fontawesome.com/baf631f306.js"
    crossorigin="anonymous"
    SameSite="none Secure">
  </script>
  <!-- Bootstrap Scripts -->
  <script defer
    src="https://code.jquery.com/jquery-3.5.0.slim.min.js"
    integrity="sha256-MlusDLJIP1GRgLrOflUQtshyP0TwT/RHXsI1wWGnQhs="
    crossorigin="anonymous">
  </script>
  <script defer
    src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
    integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
    crossorigin="anonymous">
  </script>
  <script defer
    src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"
    integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6"
    crossorigin="anonymous">
  </script>
</head>
<body>

  <!-- TOP  -->
  <section id="top">
    <div class="container-fluid">
      <div class="row">
        <div class="col-md-12">
          <article>
            <header>
              <h1>I'm Jason.</h1>
              <h2>a <span class="pro">pro</span></a>grammer.</h2>
            </header>
            <a href="#mid">
            <img src="images/milky-way-640.jpg" alt="Milky Way Galaxy" style="height: 100%; width: 100%; max-width: 640px; object-fit: contain" />
            </a>
          </article>
        </div>
      </div>
    </div>
  </section>

  <!-- PROFILE / GREETING  -->
  <section id="profile">
    <div class="container-fluid">
      <div class="row">
        <div class="col-md-12">
          <article>
            <header class="pt-5">
              <a name="mid"><img class="img-profile" src="images/profile-sm.jpg" alt="me-img"></a>
              <h2 class="pt-3">Hello.</h2>
            </header>
              <p class="mx-auto pb-4 w-50">I am a computer programmer, full-stack web developer, and ethical hacker based in Minnesota.</p>
          </article>
        </div>
      </div>
    </div>
  </section>

  <!-- SERVICES -->
  <section id="services">
    <div class="container-fluid">
      <div class="row">
        <div class="col-md-12">
          <article>
            <header>
              <h2 class="pt-3">What I can do.</h2>
            </header>
            <div class="row justify-content-center align-items-center">
              <!-- Build -->
              <div class="col-md-5 pt-2 pb-2">
                <img src="images/spaceship-64.png" height="64" width="64" alt="Manufacture">
                <h2 class="pt-3"><b>Full-Stack Web Development</b></h2>
                <p class="pt-2 mx-5 light-text">Build fully-fledged websites, web apps (PWAs), and REST APIs for your startup or business. Optimization, Testing, Deployment, Data Storage. </p>
                <p class="pt-2 mx-5 copyright">HTML 5, CSS 3, Bootstrap 4, JavaScript ES6, DOM Manipulation, jQuery, Node.js, NPM, Express.js, EJS, REST, APIs, Databases, SQL, MongoDB, Mongoose, PostgreSQL, Authentication, Firebase, Lighthouse, Jest, RTL, React.js, React Hooks, JWT, Next.js, TypeScript, SEO, SSH, Python Flask, CRUD, CDN, SSL, Deployment with GitHub Pages, Heroku, Digital Ocean, and MongoDB Atlas</p>
              </div>
              <!-- Plan -->
              <div class="col-md-5 pt-2 pb-2">
                <img src="images/satellite-64.png" height="64" width="64" alt="Design">
                <h2 class="pt-3"><b>Data Science</b></h2>
                <p class="pt-2 mx-5 light-text">Create data pipeline workflows to analyze, visualize, and gain insights from data. Using NumPy for numerical processing, Pandas for data manipulation, Matplotlib to create fully customized data visualizations, and Seaborn to create beautiful statistical plots all inside an Anaconda data science environment.</p>
                <p class="pt-2 mx-5 copyright">Python, Pandas, NumPy, Matplotlib, Seaborn, Jupyter Notebooks, Anaconda</p>
              </div>
              <!-- Launch -->
              <div class="col-md-5 pt-2 pb-2">
                <img src="images/rocket-64.png" height="64" width="64" alt="Install">
                <h2 class="pt-3"><b>Computer Programming</b></h2>
                <p class="pt-2 mx-5 light-text">Design and build computer programs in C, Python, and JavaScript to automate tasks and perform other functions.</p>
                <p class="pt-2 mx-5 copyright">Python, JavaScript, C language, Linux, Git, Github, RegEx, CLI, Shell Scripting, SSH</p>
              </div>
              <!-- Maintain -->
              <div class="col-md-5 pt-2 pb-2">
                <img src="images/space-64.png" height="64" width="64" alt="Maintain">
                <h2 class="pt-3"><b>Security</b></h2>
                <p class="pt-2 mx-5 light-text">Secure workstations and networks from intrusions. Test systems for weaknesses.</p>
                <p class="pt-2 mx-5 copyright">Disks and File System Permissions, Manage Users and Groups, Networking, Firewall, Kali Linux, VMs, terminal (CLI, Bash, Terminator, Tmux, Oh my Zosh), Shell Scripting, Task Automation, SSH</p>
              </div>
            </div>
          </article>
        </div>
      </div>
    </div>
  </section>

  <!-- BREAKER -->
  <div class="breaker">
    <div class="container-fluid">
      <div class="col-md-12">
        <div class="line">

        </div>
      </div>
    </div>
  </div>

  <!-- CONTACT  -->
  <section id="contact">
    <div class="container-fluid">
      <div class="row">
        <div class="col-md-12">
          <article>
            <header>
              <h2 class="pt-4">Contact me.</h2>
            </header>
            <p class="light-text">
              Do you?<br>
                ..Have a project for me..<br>
                ..Need my help..<br>
                ..Just want to say hi..<br></p>
            <p class="pt-1 pb-3">
              <a
                class="light-text"
                aria-label="Email Me"
                href="mailto:jtalway@gmail.com?subject=Hello%20Jason&body=Here%20is%20the%20reason%20I%20am%20contacting%20you:">
                  <i class="fa fa-envelope fa-3x"></i>
              </a>
            </p>
          </article>
        </div>
      </div>
    </div>
  </section>

  <!-- BREAKER -->
  <div class="breaker">
    <div class="container-fluid">
      <div class="col-md-12">
        <div class="line">

        </div>
      </div>
    </div>
  </div>

  <!-- PROJECTS  -->
  <section id="project">
    <div class="container-fluid">
      <div class="row">
        <div class="col-md-12">
          <article>
            <header>
              <h3 class="mt-5">Projects </h3>
              <h3><a href="https://github.com/jtalway" aria-label="My GitHub" target="_blank" rel="noopener"> <i class="fab fa-github fa-2x"></i></a></h3>
            </header>
            <p class="mx-auto pb-3 w-50">
              <a href="https://voxeterna.com" target="_blank" rel="noopener">Vox Eterna</a> &nbsp;
              <a href="https://github.com/jtalway/voxeterna-backend" target="_blank" rel="noopener">API</a> |
              <a href="https://github.com/jtalway/voxeterna-frontend" target="_blank" rel="noopener">client</a><br />
              <a href="https://jtalway.pythonanywhere.com" target="_blank" rel="noopener">RPG Gen</a>&nbsp; 
              <a href="https://github.com/jtalway/portfo" target="_blank" rel="noopener">code</a><br />
              <a href="http://143.244.175.133" target="_blank" rel="noopener">E-Commerce App</a>&nbsp;
              <a href="https://github.com/jtalway/ecommerce" target="_blank" rel="noopener">API</a> |
              <a href="https://github.com/jtalway/ecommerce-front" target="_blank" rel="noopener">client</a><br />
              <a href="https://jtalway.github.io/resources.html#portfolio-links" target="_blank" rel="noopener"><i>other projects</i></a><br />
            </p>
          </article>
        </div>
      </div>
    </div>
  </section>

  <!-- FOOTER  -->
  <section id="footer">
    <div class="container-fluid">
      <div class="row">
        <div class="col-md-12">
          <article>
            <a href="https://github.com/jtalway" aria-label="My GitHub" target="_blank" rel="noopener"> <i class="fab fa-github fa-lg"></i></a>
            <a href="https://www.linkedin.com/in/jtalway" aria-label="My LinkedIn" target="_blank" rel="noopener"><i class="fab fa-linkedin-in fa-lg"></i></a>
            <a href="https://twitter.com/jtalway" aria-label="My Twitter" target="_blank" rel="noopener"><i class="fab fa-twitter fa-lg"></i></a>
            <a href="resources.html" aria-label="My Resources" target="_blank" rel="noopener"><i class="fas fa-link fa-lg"></i></a>
         
            <p class="copyright mb-0 pt-4 pb-2">&copy; 2022 <a href="https://jtalway.github.io" aria-label="My Website" >Jason Alway</a>
            </p>
          </article>
        </div>
      </div>
    </div>
  </section>
 </body>
</html>