MyTestHTML/services.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
92
93
94
95
96
97
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>ACME Webdesign | Services</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><a href="about.html">About</a></li>
                    <li class="current"><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">Services</h1>
               <ul id="services">
                   <li>
                       <h3>Website Design</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...
                       </p>
                       <p>Pricing: 1000PLN - 3000PLN</p>
                   </li>
                   <li>
                        <h3>Website Maintenance</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...
                        </p>
                        <p>Pricing: 250PLN/month</p>
                    </li>
                    <li>
                            <h3>Website Hosting</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...
                            </p>
                            <p>Pricing: 25PLN/month</p>
                        </li>
               </ul>

            </article>

            <aside id="sidebar">
                <div class="dark">
                <h3>Get a quote</h3>
                <form class="quote">
                    <div>
                        <label>Name</label><br>
                        <input type="text" placeholder="Name">
                    </div>
                    <div>
                        <label>Email</label><br>
                        <input type="email" placeholder="Email Address">
                    </div>
                    <div>
                        <label>Message</label><br>
                        <textarea placeholder="Message"></textarea>
                    </div>
                    <button class="button_1" type="Submit">Send</button>
                </form>

                </div>
            </aside>
        </div>
    </section>

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