User-Interface/great-idea-website/index.html at master · dannyd216/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
120
121
122
123
124
125
126
127
128
129
<!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="css/index.css">

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

  <link href="https://fonts.googleapis.com/css?family=Gayathri&display=swap" rel="stylesheet">

  /*

  STRETCH ASSIGNMENT -- IMPORT FONT FAMILY

  */
</head>

<body>

<header id="home">
    <nav>
        <div id="links">
            <a href="#services" alt="If you see this, I'm broken"> Services</a>
            <a href="#product" alt="If you see this, I'm broken">  Product</a>
            <a href="#vision" alt="If you see this, I'm broken">  Vision</a>
            <a href="#features" alt="If you see this, I'm broken">  Features</a>
            <a href="#about" alt="If you see this, I'm broken">  About</a>
            <a href="#contact" alt="If you see this, I'm broken">  Contact</a>

            <img src="img/logo.png" alt="Great Idea! Company logo.">

        </div>

    </nav>

   <div id="topSection">

    <div id="innoQuote">

        <div><h1 class="word">Innovation</h1> <h1 class="word"> On </h1><h1 class="word">Demand</h1></div>
            <input class="button" type="button" name="button" value="Get Started">
        </div>

    <div id="circleImg">
        <img src="img/header-img.png" alt="Image of a code snippet.">
    </div>

   </div>

</header>

    <hr>

<section id="doubleSection">
    <div id="features">

        <h5>Features</h5>
            <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 id="about">

       <h5> About</h5>

        <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>

    <section class="middle-img">
        <img src="img/mid-page-accent.jpg" alt="Image of code snippets across the screen">
    </section>


<section id="tripleSection">

    <div id="container">

        <div>
        <h5>Services</h5>
        <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>
        <h5>Product</h5>
       <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>
       <h5> Vision</h5>
        <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>

</section>

<address>

 <h3> Contact </h3>

<p>123 Way 456 Street</p>

<p> Somewhere, USA</p>

<p>sales@greatidea.io</p>


</address>


    <footer>
      &copy  Copyright Great Idea! 2018
    </footer>
</body>

</html>