singolo/singolo1.html at master · K2-m5/singolo · 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
108
109
110
111
112
113
114
115
116
117
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Singolo1</title>
    <link rel="stylesheet" type="text/css" href="singolo1.css">
</head>
<body>
    <header class="header">
        <div class="container">
            <div class="header_wrap">
                <h1 class="header_title">Singolo<span>*</span></h1>
                <nav class="nav">
                    <ul class="nav_list">
                        <il class="nav_list_item nav_list_item-first">HOME</il>
                        <il class="nav_list_item">SERVICE</il>
                        <il class="nav_list_item">PORTFOLIO</il>
                        <il class="nav_list_item">ABOUT</il>
                        <il class="nav-list-item">CONTACT</il>
                    </ul>
                </nav>
            </div>
        </div>
    </header>

    <div class="slider">
        <div class="container">
            <div class="slider_wrap">
                <div class="arrow arrow_left">
                    <img src="assets/arrow_left.png" alt="back">
                </div>
                <div class=iphone_ver>
                    <img src="assets/iPhone_Ver.png" alt="iPhone">
                </div>
                <div class=iphone_hor>
                    <img src="assets/iPhone_Hor.png" alt="iPhone">
                </div>
                <div class="arrow arrow_right">
                    <img src="assets/arrow_right.png" alt="next">
                </div>
            </div>
        </div>
    </div>

    <div class="services">
        <div class="container">
            <h2 class="services_title">Our Services</h2>
            <p class="services_text">Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum. Duis mollis, non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh.</p>
            <div class="services_wrap">

                <div class="services_item">
                    <div class="services_item_img">
                        <img src="assets/pen.png" alt="services_item">
                    </div>
                    <div class="services_item_text">
                        <h3>Custom Design</h3>
                        <p>Curabitur vestibulum eget mauris quis laoreet. Phasellus in quam laoreet, viverra lacus ut, ultrices velit.</p>
                    </div>
                </div>

                <div class="services_item">
                    <div class="services_item_img">
                        <img src="assets/lightbulb.png" alt="services_item">
                    </div>
                    <div class="services_item_text">
                        <h3>Inovative Ideas</h3>
                        <p>Quisque luctus, quam eget molestie commodo, lacus purus cursus purus, nec rutrum tellus dolor id lorem.</p>

                    </div>
                </div>

                <div class="services_item">
                    <div class="services_item_img">
                        <img src="assets/heart.png" alt="services_item">
                    </div>
                    <div class="services_item_text">
                        <h3>Love Is The Answer</h3>
                        <p>Nulla sed nunc et tortor luctus faucibus. Morbi at aliquet turpis, et consequat felis. Quisque condimentum.</p>
                    </div>
                </div>

                <div class="services_item">
                    <div class="services_item_img">
                        <img src="assets/phone.png" alt="services_item">
                    </div>
                    <div class="services_item_text">
                        <h3>Responsive Layout</h3>
                        <p>Sed porttitor placerat rhoncus. In at nunc tellus. Maecenas blandit nunc ligula. Praesent elit leo.</p>
                    </div>
                </div>

                <div class="services_item">
                    <div class="services_item_img">
                        <img src="assets/bubble.png" alt="services_item">
                    </div>
                    <div class="services_item_text">
                        <h3>24 / 7 Support</h3>
                        <p>Vivamus vel quam lacinia, tincidunt dui non, vehicula nisi. Nulla a sem erat. Pellentesque egestas venenatis lorem .</p>
                    </div>
                </div>

                <div class="services_item">
                    <div class="services_item_img">
                        <img src="assets/star.png" alt="services_item">
                    </div>
                    <div class="services_item_text">
                        <h3>Feel Like A Star</h3>
                        <p>Quisque hendrerit purus dapibus, ornare nibh vitae, viverra nibh. Fusce vitae aliquam tellus.</p>
                    </div>
                </div>

            </div> <!--services_wrap-->
        </div>
    </div>
</body>
</html>