Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
65 lines (63 sloc) 3.74 KB
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<!-- Google Fonts-->
<link href="|Fredericka+the+Great|Grand+Hotel|Homemade+Apple|Indie+Flower|Lobster|Marck+Script|Merienda+One|Rochester|Satisfy&display=swap" rel="stylesheet">
<!--Bootstrap CSS-->
<link rel="stylesheet" href="" integrity="sha384-SI27wrMjH3ZZ89r4o+fGIJtnzkAnFs3E4qz9DIYioCQ5l9Rd/7UAa8DHcaL8jkWt" crossorigin="anonymous">
<!--Main CSS-->
<link rel="stylesheet" href="styles/main.css">
<title>Karra Batcheller's Portfolio</title>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark text-light fixed-top nav-fill">
<span class="container navbar-brand mb-0 h1">
<h1>Karra Batcheller</h1></span>
<ul class="nav nav-fill float-right">
<li class="nav-item">
<a class="nav-link active" href="#home">Home</a>
<li class="nav-item">
<a class="nav-link active" href="#about">About</a>
<li class="nav-item">
<a class="nav-link active" href="#projects">My Projects</a>
<li class="nav-item">
<a class="nav-link active" href="#contact">Contact Me</a>
<section id="home" class="container">
<h3>I'm a full stack software engineer in the San Francisco Bay Area with a focus on frontend and beautiful, simple design.</h3>
<h3>I love traveling and exploring. I lived in Europe for 4 years and traveled extensively during that time. I also love learning about people, their cultures, architecture, food and languages.</h3>
<section id="about" class="container">
<h1>About Me</h1>
<h3>After years of childrearing and volunteer work I've switched gears in my life and I have learned software development. I'm now a full stack engineer and focus on frontend development, primarily with React/Javascript.</h3>
<h3>In addition to React and Javascript, I have experience with HTML, CSS, JQuery, AJAX, Python, Django, PostgreSQL, MongoDB, Node, Bootstrap, and Sass CSS.</h3>
<section id="projects" class="container">
<h1 class="projects-header">My Projects</h1>
<div class="row col-md projects">
<p class="info">This was my first project and was inspired by conversations with my daughter.</p>
<a href="">The Adventures of Knight Lilith and George the Duck</a>
<section id="contact" class="container">
<h1>Want to get in touch?</h1>
<h3>Email me at</h3>
<h3>Call me at 510.693.1797</h3>
<h3>Check out my Linked In</h3>
<a href=""><img src="./images/linkedin.png" alt="" width="30px" height="30px"></a>
<script src="" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="" integrity="sha384-3qaqj0lc6sV/qpzrc1N5DC6i1VRn/HyX4qdPaiEFbn54VjQBEU341pvjz7Dv3n6P" crossorigin="anonymous"></script>
<script src="scripts/app.js"></script>