diff --git a/README.md b/README.md index dffdf0bc8..dc69e452b 100644 --- a/README.md +++ b/README.md @@ -1,3 +1,6 @@ +Dominic Bridgette + + # 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. diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css index 7766e7f18..50e9eb928 100644 --- a/great-idea-website/css/index.css +++ b/great-idea-website/css/index.css @@ -63,4 +63,106 @@ h1, h2, h3, h4, h5 { margin-bottom: 15px; } -/* Your code starts here! */ \ No newline at end of file +/* Your code starts here! */ +a{ + box-sizing: border-box; + margin-top: 20px; + color: grey; + margin: 20px; + } + a:hover{ + color: red; + } + .logo{ + box-sizing: border-box; + margin-left: 570px; + margin-top:-100px; + width: 150px; + } + h1{ + box-sizing: border-box; + margin-top: 100px; + margin-left:100px; + text-align: right; + width: 50px; + font-size: 50pt; + } + h3{ + box-sizing: border-box; + margin-left: 120px; + text-align:center; + height: 30px; + width:150px; + padding: 7px; + border: 2px solid black; + } + h3:hover{ + background-color: grey; + } + .code{ + margin-left: 500px; + margin-top: -270px; + box-sizing: border-box; + height:300px; + border-radius: 50% + + } + .info{ + box-sizing:border-box; + margin-top: 50px; + } + .features{ + box-sizing: border-box; + text-align: left; + width: 430px; + height: 100px; + } + .about{ + box-sizing: border-box; + width: 430px; + height: 100px; + margin-left: 500px; + margin-top: -100px; + } + .middle-img{ + box-sizing:border-box; + + } + .services{ + box-sizing: border-box; + width: 280px; + + } + .product{ + box-sizing: border-box; + width: 280px; + margin-left: 350px; + margin-top: -120px; + + } + .vision{ + box-sizing: border-box; + width: 280px; + margin-left: 700px; + margin-top: -127px; + } + + footer{ + box-sizing:border-box; + margin-top: 100px; + } + .line{ + box-sizing:border-box; + border: .5px solid black; + margin-top: 100px; + width: 1000px; + } + h5{ + box-sizing:border-box; + margin-top: 50px; + } + span{ + box-sizing:border-box; + margin-left: 500px; + margin-bottom: 100px; + } \ No newline at end of file diff --git a/great-idea-website/index.html b/great-idea-website/index.html index 92beabd65..70858cbce 100644 --- a/great-idea-website/index.html +++ b/great-idea-website/index.html @@ -14,50 +14,106 @@ - - Services - Product - Vision - Features - About - Contact + + +
+ +
+ + + +
+

Innovation On Demand

+

Get Started

+
+ +
+ Image of a code snippet. +
+ +
+ +
- - 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.

+
+ +
+ +
+ + Image of code snippets across the screen +
+ + +
+ +
+ +

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.

+
+ +
- Get Started - Image of a code snippet. + + +
- + \ No newline at end of file