creative_agency/services.html at master · Gracious265/creative_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
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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/style.css">
    <title>Creative Agency</title>
</head>
<body>
    <header>
        <div class="logo">Creative Agency</div>
        <div class="toggle"></div>
        <div class="navigation">
            <ul>
               <li><a href="index.html">Home</a></li>
               <li><a href="services.html">Services</a></li>
               <li><a href="work.html">Work</a></li>
               <li><a href="contact.html">Contact</a></li>
            </ul>
            <div class="social-bar">
                <ul>
                    <li>
                        <a href="https://facebook.com">
                            <img src="images/facebook.png" target="_blank" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="https://twitter.com">
                            <img src="images/twitter.png" target="_blank" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="https://instagram.com">
                            <img src="images/instagram.png" target="_blank" alt="">
                        </a>
                    </li>
                </ul>
                <a href="mailto:gray@gmail.com" class="email-icon">
                    <img src="images/email.png" alt="">
                </a>
            </div>
        </div>
    </header>

    <section>
        <div class="title">
            <h1>Services that we can we can help you</h1>
            <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit.
                Dicta voluptates rerum sapiente dolores fugiat,
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt facere excepturi non blanditiis vero voluptas rem sapiente, in laborum nihil odit, totam ratione voluptates?
                Repellat autem nobis quis architecto minima.
                 ullam voluptate accusantium perspiciatis itaqu
                 e vitae quisquam non placeat magnam! Esse voluptas aperiam sint ullam? Voluptates!</p>
        </div>
        <div class="services">
            <div class="service">
                <div class="icon">
                   <img src="images/001.png" alt="">
                </div>
                <h2>Design</h2>
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Deleniti quisquam ut sed velit porro ab labore eum necessitatibus! Quas, quasi.
            </div>
            <div class="service">
                <div class="icon">
                   <img src="images/002.png" alt="">
                </div>
                <h2>Development</h2>
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Deleniti quisquam ut sed velit porro ab labore eum necessitatibus! Quas, quasi.
            </div>
            <div class="service">
                <div class="icon">
                   <img src="images/003.png" alt="">
                </div>
                <h2>SEO</h2>
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Deleniti quisquam ut sed velit porro ab labore eum necessitatibus! Quas, quasi.
            </div>
            <div class="service">
                <div class="icon">
                   <img src="images/004.png" alt="">
                </div>
                <h2>Marketing</h2>
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Deleniti quisquam ut sed velit porro ab labore eum necessitatibus! Quas, quasi.
            </div>
            <div class="service">
                <div class="icon">
                   <img src="images/005.png" alt="">
                </div>
                <h2>Design</h2>
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Deleniti quisquam ut sed velit porro ab labore eum necessitatibus! Quas, quasi.
            </div>
            <div class="service">
                <div class="icon">
                   <img src="images/006.png" alt="">
                </div>
                <h2>Design</h2>
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Deleniti quisquam ut sed velit porro ab labore eum necessitatibus! Quas, quasi.
            </div>
        </div>


    </section>


    <script src="js/script.js"></script>
</body>
</html>