diff --git a/4.css b/4.css
new file mode 100644
index 0000000..4d9616b
--- /dev/null
+++ b/4.css
@@ -0,0 +1,249 @@
+body {
+ background: #ffffff;
+ background-attachment: fixed;
+ margin: 0;
+ padding: 0;
+ height: 100%;
+ width: 100%;
+}
+a{
+ color: #0077ff;
+ text-decoration: underline;
+ cursor: pointer;
+}
+a:hover{
+ color:#000000;
+}
+
+.spacer{
+ margin-top:10px;
+ height:7px;
+}
+
+.full_page{
+ width:50vw;
+ border-radius:5px;
+ margin:auto;
+}
+
+#circuit{
+ width:100%;
+ height:100vh;
+ background-color: #333;
+ background-image:url(circuitBanner.jpg);
+ background-repeat:no-repeat;
+ background-size:cover;
+}
+#aboutMe{
+ background-color:#ffffff;
+ background-image:url(collageBanner.png);
+ background-position: center;
+ background-repeat:no-repeat;
+ background-size:cover;
+ padding-top:20px;
+ padding-bottom:20px;
+ margin-top: 10px;
+ margin-bottom: 10px;
+}
+#qualifications{
+ padding-top:20px;
+ padding-bottom:20px;
+ background-color: #333;
+ background-image:url(codeBanner.jpg);
+ background-repeat:no-repeat;
+ background-size:cover;
+}
+#pastWork{
+ background-color:#ffffff;
+ padding-top:20px;
+ padding-bottom:20px;
+}
+#contactInfo{
+ padding-top:20px;
+ padding-bottom:20px;
+ background-color:#333;
+ background-image:url(unionBanner.jpg);
+ background-repeat:no-repeat;
+ background-size:cover;
+}
+div.pageText{
+ width:50vw;
+ padding-top:20px;
+ background-color:#d1d1d1;
+ border-color:#ffffff;
+ box-shadow:0px 0px 20px 3px #000000;
+ border-radius:5px;
+ margin:auto;
+ margin-top: 40px;
+}
+div.pageBanner{
+ width:50vw;
+ background-color:#0077ff;
+ border-color:#0077ff;
+ box-shadow:0px 0px 20px 3px #000000;
+ border-radius:5px;
+ margin:auto;
+}
+div.terminator{
+ width:50vw;
+ padding-top:1px;
+ background-color:#d1d1d1;
+ border-color:#ffffff;
+ box-shadow:0px 0px 20px 3px #000000;
+ border-radius:5px;
+ margin:auto;
+}
+div.main{
+ width:50vw;
+ padding-top:1px;
+ background-color:#d1d1d1;
+ border-color:#ffffff;
+ box-shadow:0px 0px 20px 3px #000000;
+ border-radius:5px;
+ margin:auto;
+}
+
+h6 span{
+ cursor:pointer;
+
+ line-height: 40px;
+ font-size:30px;
+ padding-top: 2px;
+ padding-left: 2px;
+ padding-right: 2px;
+ padding-bottom:2px;
+ border-bottom:3px solid #0077ff;
+ transition: border-color .2s ease-out,border-color .2s ease-out;
+ white-space: nowrap;
+ margin-left: 15px;
+ margin-right: 15px;
+}
+h6 span.active,h6 span:hover, h6 span:focus{
+ padding-bottom:2px;
+ border-bottom:3px solid #000000;
+
+}
+h6{
+ padding-top:15px;
+ padding-bottom: 15px;
+ width:90%;
+ margin:auto;
+ text-align:center;
+ border-radius:5px;
+ background-color:#0077ff;
+ color:#ffffff;
+ display:flex;
+ justify-content: space-around;
+ flex-wrap: wrap;
+}
+div{
+ display:block;
+}
+div.spacing{
+ border-top: 2px solid #000000;
+ padding-top: 30px;
+ margin:auto;
+ margin-top:30px;
+ width:90%;
+}
+div.pages{
+
+ padding-top:1px;
+ display:none;
+ border-color:#ffffff;
+ background-color:#ffffff;
+ margin:auto;
+}
+div.shown{
+ display:block;
+}
+div.subSpace{
+ border-top: 2px solid #4c4c4c;
+ padding-top: 30px;
+ margin:auto;
+ margin-top:30px;
+ width:90%;
+ padding-left: 20px;
+ padding-right: 20px;
+}
+.bottom_banner{
+ width:860px;
+ height:248px;
+ margin-top:5px;
+ margin-left:5px;
+ margin-right:5px;
+ background:#000000;
+ border-color:#000000;
+ border:2px solid;
+ border-radius:5px;
+ float:left;
+}
+h1{
+ color:#000000;
+ margin-left:10px;
+ margin-top:10px;
+ margin-bottom:10px;
+ font-weight:700;
+ font-size:130px;
+ text-align: center;
+}
+h2{
+ color:#333;
+ margin-left:10px;
+ margin-top:10px;
+ margin-bottom:10px;
+ font-weight:700;
+ font-size:40px;
+ text-align: center;
+}
+h3{
+ color:#000000;
+ margin-left:10px;
+ margin-top:0;
+ margin-bottom:15px;
+ font-weight:400;
+ font-size:30px;
+ text-align: left;
+}
+
+hr.intro{
+ background-color:#000000;
+ position:relative;
+ top:30px;
+ height:1px;
+ clear: both;
+
+ margin-left:10px;
+ margin-right:10px;
+ margin-top:30px;
+ margin-bottom:30px;
+}
+.introductary_text{
+ margin-left:10px;
+ margin-right:10px;
+ margin-bottom:33px;
+ color:#000000;
+}
+#bttn{
+ width: 1054px;
+ height: 200px;
+ padding-top: 30vh;
+ margin: auto;
+ margin-bottom:30px;
+ border-radius:5px;
+}
+div.main_info_scroll{
+ width:50vw;
+ padding-top:1px;
+ background:#d1d1d1;
+ border-color:#333333;
+ box-shadow:0px 0px 20px 3px #000000;
+ border-radius:5px;
+ margin:auto;
+}
+
+b.title{
+ font-weight:700;
+ color:#0077ff;
+ font-size:130px;
+}
diff --git a/android-chrome-192x192.png b/android-chrome-192x192.png
new file mode 100644
index 0000000..4df8e3b
Binary files /dev/null and b/android-chrome-192x192.png differ
diff --git a/android-chrome-384x384.png b/android-chrome-384x384.png
new file mode 100644
index 0000000..c48922b
Binary files /dev/null and b/android-chrome-384x384.png differ
diff --git a/apple-touch-icon.png b/apple-touch-icon.png
new file mode 100644
index 0000000..7dd25f2
Binary files /dev/null and b/apple-touch-icon.png differ
diff --git a/browserconfig.xml b/browserconfig.xml
new file mode 100644
index 0000000..b3930d0
--- /dev/null
+++ b/browserconfig.xml
@@ -0,0 +1,9 @@
+
+
+ Qualifications and experience here. Photos need adding. +
++ I have completed a + + sponsored street sleep + to raise money for chairty with NCS and have also won the first + + Blackpool + and Fylde Young Scientist/Engineer Award + in 2009. +
+Unga
+Bunga
+
+ Robert Heaton
+ Email: rsheaton@outlook.com
+ Mobile: 07941 567 117
+ Address: 1 Cavendish Road, Preston, Lancashire, PR1 4TY
+
+ Citations: +
++ Copyright © 2019 - 2020 Robert Heaton, all rights reserved. +
+