diff --git a/assets/photos/market.JPG b/assets/photos/market.JPG new file mode 100644 index 000000000..e233459f3 Binary files /dev/null and b/assets/photos/market.JPG differ diff --git a/assets/stylesheets/contact.css b/assets/stylesheets/contact.css new file mode 100644 index 000000000..4f9af6c2c --- /dev/null +++ b/assets/stylesheets/contact.css @@ -0,0 +1,90 @@ +/*General Styling*/ +@import url('https://fonts.googleapis.com/css?family=Stint+Ultra+Expanded'); +@import url('https://fonts.googleapis.com/css?family=Pontano+Sans'); + +/*Header Styling*/ +#main-body{ + margin-top: 120px; + margin-left: 0px; + margin-right: 0px; + padding-left: 0px; + padding-right:0px; +} + +body a{ + color: #B9C9D9; + text-decoration: none; + text-shadow: 1px 1px 2px gray, 0 0 1em #3a7bd5, 0 0 0.2em teal; + +} + +header nav > ul{ + display: inline-block; +} + +aside{ + vertical-align: top; + width: 20%; + display: inline-block; +} +aside a{ + color:gray; + font-size: 25px; + text-shadow: 1px 1px 2px gray, 0 0 1em #3a7bd5, 0 0 0.2em teal; + +} + +aside [class*=icono-] { + color: gray; +} + + +#text-body >article{ + +width: 100%; +display: inline-block; +border-radius: 10px; +vertical-align: top; +} + +#text-body article:nth-child(odd){ + background: rgba(157,194,213,.3); +} + + +#text-body a{ + color:white; + text-decoration: none; +} +#text-body h2{ +font-weight: 100; +text-align: center; +font-family:'Stint Ultra Expanded', cursive; +} + + +#text-body{ + width: 69%; + display: inline-block; +} + +.contact_left{ + display:inline-block; + width: 79%; +} +.contact_right{ + display:inline-block; + width: 10%; + vertical-align: top;} + +.contact_left img{ + float:left; + border-radius: 20px; + margin-top: 9px; + width: 60%; +} + + nav.footer{ + position:absolute; + bottom: 100px; + } diff --git a/assets/stylesheets/normalize.css b/assets/stylesheets/normalize.css new file mode 100644 index 000000000..e69de29bb diff --git a/assets/stylesheets/styles.css b/assets/stylesheets/styles.css new file mode 100644 index 000000000..c040e583f --- /dev/null +++ b/assets/stylesheets/styles.css @@ -0,0 +1,87 @@ +@import url('https://fonts.googleapis.com/css?family=Stint+Ultra+Expanded'); +@import url('https://fonts.googleapis.com/css?family=Pontano+Sans'); + +/*General Styling*/ +body *{ + margin: 0px; + padding: 0px; + border-width: 0px; +} + +body{ + font-family:'Pontano Sans',Helvetica,sans-serif; + + background: #3a7bd5; /* fallback for old browsers */ + background: -webkit-linear-gradient(to left, #3a7bd5 , #3a6073); /* Chrome 10-25, Safari 5.1-6 */ + background: linear-gradient(to left, #3a7bd5 , #3a6073); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ + +} + +body a{ + color: #B9C9D9; + text-decoration: none; +} + +/*Header Styling*/ +/*Header animation*/ + @keyframes fade-in { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } + } + + header h2{ + display:inline-block; + font-family: 'Stint Ultra Expanded',Helvetica, serif; + width: 50%; + color:gray; + font-style: italic; + font-size:30px; + animation-name: fade-in; + animation-duration: 10s; + animation-delay: -1s; + font-size: 50px; + font-family: "Stint Ultra Expanded", cursive; + text-shadow: 1px 1px 2px gray, 0 0 1em #3a7bd5, 0 0 0.2em teal; + + } + + header nav:first-of-type{ + display: inline-block; + width: 39%; + text-align: right; + + } +header nav > ul{ + display: inline-block; +} + +nav li { +display: inline-block; +padding: .1em; +} +/*Splash Section Styling*/ +#splash { + height: 200px; + vertical-align: text-bottom; + text-align: center; + padding-top: 20%; + margin-top: 10%; + margin-left: 0px + margin-bottom: 30%; + background-image: url('/Users/tehutgetahun/ada/que/week6/hw/Static-Site/assets/photos/market.JPG'); + opacity: .5; + background-size:cover; + background-repeat: no-repeat; + background-position: center; +} + + + +nav.footer{ + position:absolute; + bottom: 100px; +} diff --git a/assets/stylesheets/work.css b/assets/stylesheets/work.css new file mode 100644 index 000000000..def638c13 --- /dev/null +++ b/assets/stylesheets/work.css @@ -0,0 +1,58 @@ +/*General Styling*/ +@import url('https://fonts.googleapis.com/css?family=Stint+Ultra+Expanded'); +@import url('https://fonts.googleapis.com/css?family=Pontano+Sans'); + +/*Header Styling*/ +#main-body{ + margin-top: 120px; +} +header nav > ul{ + display: inline-block; + +} + +aside{ + vertical-align: top; + width: 30%; + display: inline-block; +} +aside [class*=icono-] { + color: gray; +} +aside a{ + color:gray; + font-size: 25px; + text-shadow: 1px 1px 2px gray, 0 0 1em #3a7bd5, 0 0 0.2em teal; + +} + +#text-body >article{ + + width: 90%; + display: inline-block; + border-radius: 10px; + vertical-align: top; + margin-bottom: 8%; +} +#text-body a{ color:white;text-decoration: none} +#text-body h2{ + font-weight: 100; + text-align: center; + font-family:'Stint Ultra Expanded', cursive;} + + #text-body article:nth-child(odd){ + background: rgba(157,194,213,.3); + } + #text-body article:nth-child(even){ + background: rgba(220,184,188,.3); + } + #text-body{ + width: 65%; + display: inline-block; + } + /*Splash Section Styling*/ + + nav.footer{ + position:absolute; + bottom: 100px; + } diff --git a/blog.html b/blog.html new file mode 100644 index 000000000..925e87cd1 --- /dev/null +++ b/blog.html @@ -0,0 +1,66 @@ + + + + + Tehut Getahun + + + + + + + + +
+

Tehut Getahun

+ +
+
+ + +
+
+

Gentle Beginnings

 +

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut +

+
+ +
+

Smiling Sammies

 +

+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut

+
+ +
+

Waiting for Mom

 +

+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut

+
+
+ + + + + + diff --git a/contact.html b/contact.html new file mode 100644 index 000000000..74c901e16 --- /dev/null +++ b/contact.html @@ -0,0 +1,65 @@ + + + + + Tehut Getahun + + + + + + + +
+

Tehut Getahun

+ +
+
+ + +
+
+
+ + facebook logo + facebook logo +
+
+ a young woman, Tehut Getahun + +

Tehut Getahun is a Montessori kid who likes to say that she grew up babysitting, grew while a substitute teacher and grew into leadership as a Montessori teacher and administrator.

+ +

After graduating from the University of Washington's Foster School of Business Tehut pursued a joint M.Ed and AMI Montessori Teaching Certificate at Loyola Maryland and the Montessori Institute Northwest. Tehut currently serves at the Business Manager + & Developmental Director for Wedgwood Montessori Schools, whose two NE Seattle campuses have been the testing ground for WeLivePlayfully's pilot year.

+

Tehut is currently a student of Software Development at Ada Developer's Academy.

+
+
+ + + + + + + + + diff --git a/index.html b/index.html new file mode 100644 index 000000000..7832d99e0 --- /dev/null +++ b/index.html @@ -0,0 +1,49 @@ + + + + + Tehut Getahun + + + + + + + + +
+

Tehut Getahun

+ + + +
+
+ pike place market + +
+ + + + + + diff --git a/work.html b/work.html new file mode 100644 index 000000000..835f8ced2 --- /dev/null +++ b/work.html @@ -0,0 +1,67 @@ + + + + + Tehut Getahun + + + + + + + +
+

Tehut Getahun

+ +
+
+ + +
+
+

Social Enterprise: We Live Playfully

 +

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +

+
+ +
+

Set-Up:

A roleplay exploration of the intersection between race, class, and educational outcomes

+

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +

+
+ +
+

Ada Academy: Random Menu Generator

 +

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +

+
+
+ + + + + +