koki-design-agency/about.html at main · karenefereyan/koki-design-agency · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="author" content = "Karen Efereyan">
    <meta name = "description" content = "Koki is a design agency for making responsive, professional websites">
    <meta name = "keywords" content = "design agency, web design agency, professional design agency">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Koki Web Design Agency | About us</title>
    <link rel="stylesheet" href="css/styles.css">
</head>
<body>

    <header class="header">
        <div class="container">
            <div id="branding">
                <h1><span class="highlight">Koki</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_styled">Subscribe</button>
            </form>
        </div>
    </section>

    <section id="main">
        <div class="container">
            <article id="left">
                <h1>About Us</h1>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolor odit expedita repudiandae harum sed atque inventore!
                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolor odit expedita repudiandae harum sed atque inventore! </p>

                <p class="dark-bg">Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolor odit expedita repudiandae harum sed atque inventore!
                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolor odit expedita repudiandae harum sed atque inventore! </p>
            </article>

            <aside id="sidebar">
                <div class="dark-bg">
                    <h3>What we do</h3>
                    <p>
                        Lorem ipsum dolor sit amet consectetur adipisicing elit. doloribus.
                    </p>
                    <p>
                        Lorem ipsum dolor sit amet consectetur adipisicing elit. doloribus.
                    </p>
                 </div>
            </aside>
        </div>
    </section>

    <footer>
        <p>Koki Design Agency &copy; 2021</p>
    </footer>

</body>
</html>