User-Interface/index-UI2.html at master · SZureti/User-Interface · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
<!doctype html>

<html lang="en">
<head>
  <meta charset="utf-8">

  <title>Great Idea!</title>

  <link href="https://fonts.googleapis.com/css?family=Bangers|Titillium+Web" rel="stylesheet">
  <link rel="stylesheet" href="./index-UI.css">

  <!--[if lt IE 9]>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
  <![endif]-->
<div id="main">
</head>

  <body class="home">

     <header class="top-bar">
        <nav class="nav">
            <a href="#">Services</a>
            <a href="#">Product</a>
            <a href="#">Vision</a>
            <a href="#">Features</a>
            <a href="#">About</a>
            <a href="#">Contact</a>
        </nav>
 </br>

  <img class="logo" src="https://github.com/LambdaSchool/User-Interface/blob/master/great-idea-website/img/logo.png?raw=true" alt="Great Idea! Company logo.">
</header>

 <header>
 <section class="left-side">

     <div class="left-column">
        <h1> Innovation </br>
                 On </br>
               Demand
        </h1>


   <button>Get Started</button>
</div>
</section>

<section class="right-side">

    <div class="right-column">
        <img src="https://github.com/LambdaSchool/User-Interface/blob/master/great-idea-website/img/header-img.png?raw=true">
        </div>
    </section>
</header>

<div class="line">
<hr id="line"></hr>
</div>

 <section class="row">

<div class="first-column">
   <h4>Features</h4>
  <p>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.</p>
 </div>

<div class="second-column">
  <h4>About</h4>
  <p>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.</p>
  </div>
  </section>

  <img class="middle-img" src="https://github.com/LambdaSchool/User-Interface/blob/master/great-idea-website/img/mid-page-accent.jpg?raw=true" alt="Image of code snippets across the screen">

<section class="bottom-content">
  <div class="row">

  <div class="column-1">
  <h4>Services</h4>
  <p>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.</p>
     </div>

<div class="column-2">
  <h4>Product</h4>
  <p>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.</p>
  </div>

<div class="column-3">
  <h4>Vision</h4>
  <p>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.</p>

  </div>

</section>


        <hr id="line"></hr>


 <section class="contact">

  Contact
    <br></br>
<nav>
  123 Way 456 Street </br>
  Somewhere, USA <br></br>
  1 (888) 888-8888 <br></br>
  sales@greatidea.io
</nav>

</section>

<footer>
  Copyright Great Idea! 2018
</footer>

  </body>
  </div>
</html>