MyTestHTML/about.html at master · Rothgnaar/MyTestHTML · 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
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>ACME Webdesign | About</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" media="screen" href="./css/style.css" />
    <script src="main.js"></script>
</head>
<body>
    <header>
        <div class="container">
            <div id="branding">
                <h1><span class="highlight">ACME</span> Web Design</h1>
            </div>
            <nav>
                <ul>
                    <li><a  href="index.html">Home</a></li>
                    <li class="current"><a href="about.html">About</a></li>
                    <li><a href="services.html">Services</a></li>
                </ul>
            </nav>
        </div>
    </header>

    <section id="newsletter">
        <div class="container">
            <h1>Subscribe to our newsletter</h1>
            <form>
                <input type="email" placeholder="Enter email...">
                <button type="submit" class="button_1">Subscribe</button>
            </form>
        </div>
    </section>

    <section id="main">
        <div class="container">
            <article id="main-col">
                <h1 class="page-title">About us</h1>
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ut est non mauris iaculis suscipit nec ac ante. Etiam eget elit orci. Proin suscipit sed massa nec lacinia. Praesent vestibulum varius tellus, eu mattis turpis imperdiet nec. Phasellus magna eros, fringilla eu sapien ac, ultricies porttitor sapien. Aliquam finibus eros at erat dictum lacinia. Vivamus sem ex, dictum ac nibh sit amet, tristique lacinia orci. Integer ultrices dolor sed est convallis porta. Etiam in tristique risus, non placerat ipsum. In sed sollicitudin augue.

                    Vivamus sodales eleifend lacus eu fermentum. Morbi ultrices enim sed tempus aliquam. In non ipsum sit amet leo dictum auctor non ut nisl. Nulla a orci eget nunc elementum scelerisque a eget lorem. Quisque ultricies erat urna, et pharetra ex ultrices id. Fusce non rutrum est, at accumsan elit. Curabitur et sapien vitae risus fermentum tristique in ac justo. Donec nec erat posuere, pharetra risus at, scelerisque nunc. Praesent condimentum condimentum est sed posuere. Proin a nunc quis dolor tempus maximus. Suspendisse est ligula, malesuada vitae cursus in, blandit id ligula. Mauris dictum, justo sed mattis luctus, nibh lacus commodo risus, eget sagittis libero ex at neque.

                    Donec tincidunt est vel nunc dapibus, id vulputate dui aliquet. Aenean semper vulputate diam id interdum. Integer lacinia nibh urna, eget lacinia massa blandit quis. Quisque eleifend id arcu nec blandit. Cras vel commodo felis. Duis quis semper quam, ac fringilla urna. Morbi fermentum consectetur tellus, ac condimentum nibh vehicula in. Sed elementum porta mi, id ultricies orci. Quisque dictum pharetra ipsum, ut ultricies odio ullamcorper non. In fringilla odio id laoreet dapibus.

                    Morbi eu lectus massa. Cras mauris urna, pretium vel ex at, faucibus lobortis nulla. Aenean at lectus commodo, feugiat augue consectetur, efficitur ex. Curabitur bibendum diam eu massa euismod ornare. Integer consectetur tellus orci, euismod condimentum mauris mollis sed. Vivamus fringilla ligula elit, vitae semper nibh lacinia in. In ultrices ex neque, sed porttitor nulla cursus quis. Nulla cursus arcu id est volutpat consectetur. Proin ornare dignissim pharetra. Maecenas condimentum, sem vel consectetur fringilla, libero libero venenatis arcu, ut lobortis erat diam sodales sapien. Donec scelerisque interdum cursus. Phasellus vel tempor ante. Phasellus tincidunt justo at bibendum sodales.

                    Integer tristique venenatis libero nec mollis. Vivamus malesuada est sit amet eros lacinia, ac tincidunt augue fringilla. Suspendisse sed nulla quis augue molestie pretium id eu augue. Nunc aliquet nulla nec orci dictum pharetra. Sed et rutrum libero. Duis eu ullamcorper erat, sit amet ultrices est. Nullam non arcu luctus, sodales nulla vel, imperdiet libero. Mauris et est tortor. Nullam ipsum felis, varius nec velit eget, posuere maximus neque. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aliquam placerat sem sit amet quam vestibulum eleifend. Cras rhoncus interdum porttitor. Ut efficitur justo ac sem efficitur, nec sollicitudin tellus finibus. Maecenas tincidunt vitae mauris id consequat. Aliquam eget libero enim. Nullam ultricies ullamcorper ultrices.
                </p>
                <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ut est non mauris iaculis suscipit nec ac ante. Etiam eget elit orci. Proin suscipit sed massa nec lacinia. Praesent vestibulum varius tellus, eu mattis turpis imperdiet nec. Phasellus magna eros, fringilla eu sapien ac, ultricies porttitor sapien. Aliquam finibus eros at erat dictum lacinia. Vivamus sem ex, dictum ac nibh sit amet, tristique lacinia orci. Integer ultrices dolor sed est convallis porta. Etiam in tristique risus, non placerat ipsum. In sed sollicitudin augue.

                        Vivamus sodales eleifend lacus eu fermentum. Morbi ultrices enim sed tempus aliquam. In non ipsum sit amet leo dictum auctor non ut nisl. Nulla a orci eget nunc elementum scelerisque a eget lorem. Quisque ultricies erat urna, et pharetra ex ultrices id. Fusce non rutrum est, at accumsan elit. Curabitur et sapien vitae risus fermentum tristique in ac justo. Donec nec erat posuere, pharetra risus at, scelerisque nunc. Praesent condimentum condimentum est sed posuere. Proin a nunc quis dolor tempus maximus. Suspendisse est ligula, malesuada vitae cursus in, blandit id ligula. Mauris dictum, justo sed mattis luctus, nibh lacus commodo risus, eget sagittis libero ex at neque.

                        Donec tincidunt est vel nunc dapibus, id vulputate dui aliquet. Aenean semper vulputate diam id interdum. Integer lacinia nibh urna, eget lacinia massa blandit quis. Quisque eleifend id arcu nec blandit. Cras vel commodo felis. Duis quis semper quam, ac fringilla urna. Morbi fermentum consectetur tellus, ac condimentum nibh vehicula in. Sed elementum porta mi, id ultricies orci. Quisque dictum pharetra ipsum, ut ultricies odio ullamcorper non. In fringilla odio id laoreet dapibus.

                        Morbi eu lectus massa. Cras mauris urna, pretium vel ex at, faucibus lobortis nulla. Aenean at lectus commodo, feugiat augue consectetur, efficitur ex. Curabitur bibendum diam eu massa euismod ornare. Integer consectetur tellus orci, euismod condimentum mauris mollis sed. Vivamus fringilla ligula elit, vitae semper nibh lacinia in. In ultrices ex neque, sed porttitor nulla cursus quis. Nulla cursus arcu id est volutpat consectetur. Proin ornare dignissim pharetra. Maecenas condimentum, sem vel consectetur fringilla, libero libero venenatis arcu, ut lobortis erat diam sodales sapien. Donec scelerisque interdum cursus. Phasellus vel tempor ante. Phasellus tincidunt justo at bibendum sodales.

                        Integer tristique venenatis libero nec mollis. Vivamus malesuada est sit amet eros lacinia, ac tincidunt augue fringilla. Suspendisse sed nulla quis augue molestie pretium id eu augue. Nunc aliquet nulla nec orci dictum pharetra. Sed et rutrum libero. Duis eu ullamcorper erat, sit amet ultrices est. Nullam non arcu luctus, sodales nulla vel, imperdiet libero. Mauris et est tortor. Nullam ipsum felis, varius nec velit eget, posuere maximus neque. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aliquam placerat sem sit amet quam vestibulum eleifend. Cras rhoncus interdum porttitor. Ut efficitur justo ac sem efficitur, nec sollicitudin tellus finibus. Maecenas tincidunt vitae mauris id consequat. Aliquam eget libero enim. Nullam ultricies ullamcorper ultrices.
                </p>

            </article>

            <aside id="sidebar">
                <div class="dark">
                <h3>What We Do</h3>
                <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ut est non mauris iaculis suscipit nec ac ante. Etiam eget elit orci. Proin suscipit sed massa nec lacinia. Praesent vestibulum varius tellus, eu mattis turpis imperdiet nec. Phasellus magna eros, fringilla eu sapien ac, ultricies porttitor sapien. Aliquam finibus eros at erat dictum lacinia. Vivamus sem ex, dictum ac nibh sit amet, tristique lacinia orci. Integer ultrices dolor sed est convallis porta. Etiam in tristique risus, non placerat ipsum. In sed sollicitudin augue.

                        Vivamus sodales eleifend lacus eu fermentum. Morbi ultrices enim sed tempus aliquam. In non ipsum sit amet leo dictum auctor non ut nisl. Nulla a orci eget nunc elementum scelerisque a eget lorem. Quisque ultricies erat urna, et pharetra ex ultrices id. Fusce non rutrum est, at accumsan elit. Curabitur et sapien vitae risus fermentum tristique in ac justo. Donec nec erat posuere, pharetra risus at, scelerisque nunc. Praesent condimentum condimentum est sed posuere. Proin a nunc quis dolor tempus maximus. Suspendisse est ligula, malesuada vitae cursus in, blandit id ligula. Mauris dictum, justo sed mattis luctus, nibh lacus commodo risus, eget sagittis libero ex at neque.

                        Donec tincidunt est vel nunc dapibus, id vulputate dui aliquet. Aenean semper vulputate diam id interdum. Integer lacinia nibh urna, eget lacinia massa blandit quis. Quisque eleifend id arcu nec blandit. Cras vel commodo felis. Duis quis semper quam, ac fringilla urna. Morbi fermentum consectetur tellus, ac condimentum nibh vehicula in. Sed elementum porta mi, id ultricies orci. Quisque dictum pharetra ipsum, ut ultricies odio ullamcorper non. In fringilla odio id laoreet dapibus.

                        Morbi eu lectus massa. Cras mauris urna, pretium vel ex at, faucibus lobortis nulla. Aenean at lectus commodo, feugiat augue consectetur, efficitur ex. Curabitur bibendum diam eu massa euismod ornare. Integer consectetur tellus orci, euismod condimentum mauris mollis sed. Vivamus fringilla ligula elit, vitae semper nibh lacinia in. In ultrices ex neque, sed porttitor nulla cursus quis. Nulla cursus arcu id est volutpat consectetur. Proin ornare dignissim pharetra. Maecenas condimentum, sem vel consectetur fringilla, libero libero venenatis arcu, ut lobortis erat diam sodales sapien. Donec scelerisque interdum cursus. Phasellus vel tempor ante. Phasellus tincidunt justo at bibendum sodales.

                        Integer tristique venenatis libero nec mollis. Vivamus malesuada est sit amet eros lacinia, ac tincidunt augue fringilla. Suspendisse sed nulla quis augue molestie pretium id eu augue. Nunc aliquet nulla nec orci dictum pharetra. Sed et rutrum libero. Duis eu ullamcorper erat, sit amet ultrices est. Nullam non arcu luctus, sodales nulla vel, imperdiet libero. Mauris et est tortor. Nullam ipsum felis, varius nec velit eget, posuere maximus neque. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aliquam placerat sem sit amet quam vestibulum eleifend. Cras rhoncus interdum porttitor. Ut efficitur justo ac sem efficitur, nec sollicitudin tellus finibus. Maecenas tincidunt vitae mauris id consequat. Aliquam eget libero enim. Nullam ultricies ullamcorper ultrices.
                </p>
                </div>
            </aside>
        </div>
    </section>

    <footer>
        <p>
            Acme Webdesign, Copyright &copy;Roth from tutorial
        </p>
    </footer>
</body>
</html>