diff --git a/README.md b/README.md
index dffdf0bc8..5ffc66258 100644
--- a/README.md
+++ b/README.md
@@ -1,3 +1,5 @@
+NDAWi EKE
+
# User Interface Project: Great Idea Web Page
Being able to create a user interface from scratch based on a design file is considered a basic necessity for front end developers. We will be building a single page website using HTML and CSS.
@@ -37,4 +39,4 @@ Stretch goals are not required. Complete the project objectives before working o
- [ ] Change all the image tags into background images instead
-- [ ] Research CSS animations and see how you could implement some ideas when hovering over buttons or navigation items
\ No newline at end of file
+- [ ] Research CSS animations and see how you could implement some ideas when hovering over buttons or navigation items
diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css
index 7766e7f18..302d4eca5 100644
--- a/great-idea-website/css/index.css
+++ b/great-idea-website/css/index.css
@@ -1,7 +1,7 @@
-/* http://meyerweb.com/eric/tools/css/reset/
+/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
-*/
+Ndawi Eke*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
@@ -12,8 +12,8 @@ b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
-article, aside, canvas, details, embed,
-figure, figcaption, footer, header, hgroup,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
@@ -24,7 +24,7 @@ time, mark, audio, video {
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
-article, aside, details, figcaption, figure,
+article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
@@ -63,4 +63,111 @@ h1, h2, h3, h4, h5 {
margin-bottom: 15px;
}
-/* Your code starts here! */
\ No newline at end of file
+/* Your code starts here! */
+
+
+.container{
+ margin: 0 auto;
+ width: 900px;
+}
+
+nav a{
+ color: lightgray;
+ padding: 25px;
+ text-decoration: none;
+ display: inline-block;
+}
+
+.logo{
+ display: inline-block;
+ margin-left: 90px;
+ margin-top: 50px;
+
+}
+
+.titlemessage{
+ display: inline-block;
+ padding: 30px;
+ margin-left: 10px;
+ margin-right: 60px;
+}
+
+h1{
+ font-size: 90px;
+ text-align: center;
+}
+
+button{
+ border: 1px solid black;
+ font-size: 18px;
+ border-radius: 2px;
+ width: 180px;
+ padding: 5px 24px;
+ margin: 0px 90px;
+}
+
+button:hover {
+ background-color: black;
+ color: white;
+}
+
+.titlepic{
+ padding: 40px 0px;
+ display: inline-block;
+}
+
+.titlepic img{
+ display: inline-block;
+}
+
+.Contentarea{
+ padding: 10px 0px;
+}
+
+
+
+.toptext p{
+display: inline-block;
+text-align: justify;
+
+}
+
+.toptext{
+display: inline-block;
+margin-top: 20px;
+width: 400px;
+height: 130px;
+/*border: 1px solid red;*/
+}
+
+.top{
+ margin-right: 20px;
+}
+
+ .middle-img {
+ padding: 5px 0px;
+}
+
+.bottomtext p{
+text-align: justify;
+
+}
+.bottomtext{
+display: inline-block;
+vertical-align: top;
+margin: 20px 0px;
+width: 270px;
+height: 130px;
+/*border: 1px solid red;*/
+}
+
+.Contact{
+ margin: 50px 0px;
+}
+
+
+footer{
+ text-align: center;
+ padding-bottom: 80px;
+
+}
diff --git a/great-idea-website/index.html b/great-idea-website/index.html
index 92beabd65..b11847885 100644
--- a/great-idea-website/index.html
+++ b/great-idea-website/index.html
@@ -14,50 +14,75 @@
-
-
- Services
- Product
- Vision
- Features
- About
- Contact
-
- 
- Innovation
- On
- Demand
-
- Get Started
-
- 
-
- Features
- Aliquam elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis.
-
-
- About
- Aliquam elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis.
-
- 
-
- Services
- Aliquam elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis.
-
-
- Product
- Aliquam elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis.
-
- Vision
- Aliquam elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis.
-
- Contact
- 123 Way 456 Street
- Somewhere, USA
- 1 (888) 888-8888
- sales@greatidea.io
-
- Copyright Great Idea! 2018
-
-
-