digicraig

## work.js
var works = [
  {
    title: "First Project",
    pic: "img/bat1.png"
  },
  {
    title: "Second Project",
    pic: "img/bat2.png"
  },
  {

## scripts.js
//Map
    var map;
        function initMap() {
            map = new google.maps.Map(document.getElementById('map'), {
            center: {lat: 26.7682553, lng: -80.2541773},
            zoom: 10
    });

  var myLatLng = {lat: 26.7682553, lng: -80.2541773};

## styles.css
* { box-sizing: border-box; }

.contain {
	width: 80%;
  margin: 0 auto;
}

.header h1 {
	text-align: center;
  margin-bottom: 40px;

## index.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->

    <title>Student Concept</title>
	var works = [
	{
	title: "First Project",
	pic: "img/bat1.png"
	},
	{
	title: "Second Project",
	pic: "img/bat2.png"
	},
	{
	//Map
	var map;
	function initMap() {
	map = new google.maps.Map(document.getElementById('map'), {
	center: {lat: 26.7682553, lng: -80.2541773},
	zoom: 10
	});

	var myLatLng = {lat: 26.7682553, lng: -80.2541773};
	* { box-sizing: border-box; }

	.contain {
	width: 80%;
	margin: 0 auto;
	}

	.header h1 {
	text-align: center;
	margin-bottom: 40px;
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- The above 3 meta tags must come first in the head; any other head content must come after these tags -->

	<title>Student Concept</title>