User-Interface-Follow/index.html at master · robelv2020/User-Interface-Follow · 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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Great Idea!</title>
  <link href="https://fonts.googleapis.com/css?family=Bangers|Titillium+web" rel="stylesheet">
  <link rel="stylesheet" href="css/index.css">
</head>
<body>
  <div class="navigation">
    <ul>
      <li><a href="#services">Services</a></li>
      <li><a href="#services">Product</a></li>
      <li><a href="#services">Vision</a></li>
      <li><a href="#services">Features</a></li>
      <li><a href="#services">About</a></li>
      <li><a href="#services">Contact</a></li>
      <img class="logo" src="img/logo.png" alt="Great Idea! Company Logo.">
    </ul>
  </div>

  <header>
      Innovation
      On
      Demand

      Get Started
      <img src="img/header-img.png" alt="Image of a code snippet.">
  </header>

<section class="top-content">
    Features
    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Natus illo laudantium consequatur, molestiae fugit nesciunt culpa officia quasi placeat autem.


    About
    Lorem ipsum dolor sit amet consectetur adipisicing elit. Modi provident nisi porro! Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nobis tempora modi omnis fugiat necessitatibus.
</section>

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

<section class="bottom-content">
    Services
    Lorem, ipsum dolor sit amet consectetur adipisicing elit. Accusamus aliquam dolore, soluta vitae corporis eveniet, nobis beatae dolor, fuga numquam quod?

    Product
    Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis, porro quam! Veniam laudantium quod provident similique eum aspernatur iusto sequi ad voluptates earum temporibus eveniet blanditiis, rerum nesciunt minus ratione debitis.

    Vision
    Lorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam architecto vero incidunt, quia molestiae aut velit eius nobis corporis rem.

    Contact
</section>

<section class="contact">
    Contact
    123 Way 456 Street
    Somewhere, USA
    1 (888) 888-8888
    sales@greatidea.io
</section>

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

</body>
</html>