diff --git a/CODEOWNERS b/CODEOWNERS
new file mode 100644
index 0000000..2a6bcb2
--- /dev/null
+++ b/CODEOWNERS
@@ -0,0 +1 @@
+* @udacity/active-public-content
\ No newline at end of file
diff --git a/css/app.css b/css/app.css
new file mode 100644
index 0000000..3cbd0b8
--- /dev/null
+++ b/css/app.css
@@ -0,0 +1,195 @@
+/*** Site Colors ***
+
+pale-grey: #fafbfc
+pale-grey-two: #dbe2e8
+dark: #2e3d49
+bluegrey: #7d97ad
+aquamarine: #02ccba
+
+*/
+
+html {
+ box-sizing: border-box;
+}
+
+*,
+*::before,
+*::after {
+ box-sizing: inherit;
+}
+
+body {
+ background-color: #fafbfc;
+ color: #2e3d49;
+ font-family: Georgia, Times, 'Times New Roman', serif;
+}
+
+h1 {
+ font-family: 'Montserrat', sans-serif;
+}
+
+h2,
+h3,
+h4 {
+ font-family: 'Open Sans', sans-serif;
+}
+
+p {
+ line-height: 1.5;
+}
+
+.container {
+ margin: auto;
+ max-width: 1300px;
+}
+
+
+/*** Header Styling ***/
+.page-header {
+ background-image: url('../img/headerimage.jpg');
+ background-position: 50% 75%;
+ background-size: cover;
+ text-align: center;
+ padding: 1em;
+ margin-bottom: 2rem;
+ min-height: 25vh;
+}
+
+h1 {
+ letter-spacing: 8px;
+ position: relative;
+ text-transform: uppercase;
+ text-shadow: 0 0 1px white;
+}
+
+h1::after {
+ border: 5px solid #02ccba;
+ border-radius: 50%;
+ content: '';
+ height: 15px;
+ width: 15px;
+ position: absolute;
+}
+
+
+/*** Article Styling ***/
+article,
+aside {
+ margin: 2em;
+}
+
+article header {
+ display: flex;
+ align-items: baseline;
+ justify-content: space-between;
+}
+
+time {
+ color: #7d97ad;
+}
+
+article img {
+ height: auto;
+ width: 100%;
+}
+
+.read-more {
+ color: #02ccba;
+ font-family: 'Open Sans', sans-serif;
+ font-weight: bold;
+ text-decoration: none;
+ text-transform: uppercase;
+}
+
+.read-more::after {
+ content: '►';
+ position: relative;
+ left: 7px;
+ font-size: 80%;
+ top: -1px;
+}
+
+
+/*** Sidebar Styling ***/
+aside {
+ border-top: 2px solid #dbe2e8;
+ margin-top: 2em;
+ padding-top: 2em;
+}
+
+.social-link {
+ display: inline-block;
+ margin-right: 0.75em;
+}
+
+
+/*** Footer Styling ***/
+footer {
+ border-top: 2px solid #dbe2e8;
+ margin-top: 4em;
+ padding: 2em;
+ text-align: center;
+}
+
+
+/*** Reponsive Styles ***/
+@media (min-width: 650px) {
+ aside {
+ display: flex;
+ }
+
+ .sidebar-text {
+ margin-left: 2em;
+ }
+
+ .sidebar-text h2 {
+ margin-top: 0;
+ }
+}
+
+@media (min-width: 1000px) {
+ .page-header {
+ min-height: 35vh;
+ }
+
+ .container {
+ display: flex;
+ }
+
+ main {
+ flex: 1 1 70%;
+ }
+
+ aside {
+ display: block;
+ border-top: 0;
+ border-left: 2px solid #dbe2e8;
+ margin: 0;
+ padding: 2em;
+ flex: 0 1 30%;
+ align-self: flex-start;
+ }
+
+ .sidebar-text {
+ margin-left: 0;
+ }
+
+ .sidebar-text h2 {
+ margin-top: 0.5em;
+ }
+}
+
+/*** Helper Classes ***/
+
+/* from the HTML5 Boilerplate project for hidden, but accessible headings: https://github.com/h5bp/html5-boilerplate/blob/master/dist/css/main.css#L126-L145 */
+.visuallyhidden {
+ border: 0;
+ clip: rect(0 0 0 0);
+ height: 1px;
+ margin: -1px;
+ overflow: hidden;
+ padding: 0;
+ position: absolute;
+ width: 1px;
+ white-space: nowrap;
+}
diff --git a/css/normalize.min.css b/css/normalize.min.css
new file mode 100644
index 0000000..452a01f
--- /dev/null
+++ b/css/normalize.min.css
@@ -0,0 +1 @@
+button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0} menu,article,aside,details,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{}button,select{text-transform:none}[type=submit], [type=reset],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}/*# sourceMappingURL=normalize.min.css.map */
diff --git a/img/headerimage.jpg b/img/headerimage.jpg
new file mode 100644
index 0000000..3b939d3
Binary files /dev/null and b/img/headerimage.jpg differ
diff --git a/img/home.png b/img/home.png
new file mode 100644
index 0000000..824e31b
Binary files /dev/null and b/img/home.png differ
diff --git a/img/profilepic.jpg b/img/profilepic.jpg
new file mode 100644
index 0000000..8aaf2ec
Binary files /dev/null and b/img/profilepic.jpg differ
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..fb9b234
--- /dev/null
+++ b/index.html
@@ -0,0 +1,66 @@
+
+
+
+
+ Blog Project
+
+
+
+
+
+
+
+
+
+
+
+
+ Articles
+
+
+
+ Experimental Video
+
+
+
+
+
+
+
+
+
+
+
+
+