diff --git a/README.md b/README.md
index dffdf0bc8..26ba7e401 100644
--- a/README.md
+++ b/README.md
@@ -37,4 +37,6 @@ 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
+
+Vitaliy Mikhaylyuk
\ No newline at end of file
diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css
index 7766e7f18..132d96edc 100644
--- a/great-idea-website/css/index.css
+++ b/great-idea-website/css/index.css
@@ -63,4 +63,119 @@ h1, h2, h3, h4, h5 {
margin-bottom: 15px;
}
-/* Your code starts here! */
\ No newline at end of file
+/* Your code starts here! */
+
+
+
+.navigation {
+ text-align: center;
+}
+
+nav {
+ display: inline-block;
+ margin: 10px;
+ padding: 10px;
+}
+
+nav a {
+ margin:10px;
+ text-decoration: none;
+ color:gray;
+ padding: 0px 20px;
+}
+
+.top-container{
+ padding-top: 20px;
+ padding-bottom: 35px;
+ width: 950px;
+ text-align: center;
+ margin: auto;
+}
+
+h1 {
+ font-size: 70px;
+ margin-left: 25px;
+ width: 380px;
+}
+
+.top-container .lineup .get-started-button a {
+ text-decoration: none;
+ color: black;
+}
+
+.get-started-button {
+ border:1px solid black;
+ margin: auto;
+ width: 150px;
+ height: 25px;
+ padding: 10px 10px;
+ padding-bottom: 27px;
+ text-align: center;
+ vertical-align: middle;
+}
+
+hr {
+ width: 865px;
+}
+
+.lineup {
+ margin: auto;
+ padding: 10px 10px;
+ text-align: center;
+ width: 380px;
+}
+
+.top-container .lineup {
+ display: inline-block;
+ width: 48%;
+ vertical-align: middle;
+}
+
+.middle-upper {
+ margin: 1%;
+ width: 100%;
+ text-align: center;
+ padding-top: 20px;
+
+}
+
+.middle-upper .content_1 {
+ display: inline-block;
+ margin: 1%;
+ width: 430px;
+ text-align: left;
+}
+
+.middle-img {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ padding-top: 20px;
+ padding-bottom: 20px;
+}
+
+.middle-lower {
+ margin: 1%;
+ width: 100%;
+ text-align: center;
+ padding-bottom: 20px;
+}
+
+.middle-lower .content_2 {
+ display: inline-block;
+ margin: 1%;
+ width: 280px;
+ text-align: left;
+}
+
+.lowerpart {
+ width: 865px;
+ margin: auto;
+ padding-top: 40px;
+}
+
+.copyright {
+ padding-top: 75px;
+ text-align: center;
+ padding-bottom: 90px;
+}
\ No newline at end of file
diff --git a/great-idea-website/img/Thumbs.db b/great-idea-website/img/Thumbs.db
new file mode 100644
index 000000000..8d07f49b7
Binary files /dev/null and b/great-idea-website/img/Thumbs.db differ
diff --git a/great-idea-website/index.html b/great-idea-website/index.html
index 92beabd65..37b077067 100644
--- a/great-idea-website/index.html
+++ b/great-idea-website/index.html
@@ -15,49 +15,77 @@
-
- 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.
-
+
+
+
+
+
Innovation
On
Demand
+
+
+
+
+
+
+
+
+
+
+
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
+
+
+
+
+
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.
-
- 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
-
+
+
+
+
+
Contact
+
+ 123 Way 456 Street
+ Somewhere, USA
+ 1 (888) 888-8888
+ sales@greatidea.io
+
+
+ Copyright Great Idea! 2018
+
+