website1/index.html at master · just-oleh/website1 · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>GGG</title>
    <link rel="stylesheet" href="./CSS/style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css">
</head>
<body>
    <div class="up">
        <div class="circle-block"><i class="fab fa-invision icon"></i></div>
        <div class="circle-block"><i class="fab fa-twitter icon1"></i></div>
        <div class="circle-block"><i class="fab fa-pinterest-p icon2"></i></div>
        <div class="circle-block"><i class="fab fa-google-plus-g icon3"></i></div>
        <div class="circle-block"><i class="fas fa-wifi icon4"></i></div>
        <div class="search"><div class="search1"><i class="fas fa-search icon5"></i></div></div>
    </div>
    <div class="header">
        <div class="header1">
            <h1>DHGFGHMV</h1>
         </div>
        <div class="header2">
            <ul>
                <li>ГОЛОВНА</li>
                <li>КАТАЛОГ ТОВАРІВ</li>
                <li>ПРО НАС</li>
                <li>КОНТАКТИ</li>
            </ul>
        </div>
        <div class="header3">
            <p>Dcfty gyftyfb tyfhtfyjbv</p>
        </div>
    </div>
    <div class="name">
       <div class="element1">
         <div class="name1">
            <div class="arrows">
                <i class="fas fa-chevron-left arrow1"></i>
                <i class="fas fa-chevron-right arrow2"></i>
            </div>
            <div class="text">
                <h1>DTGB yftgj yfktjj,gytdk</h1>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur perspiciatis ab tempore tempora ea eveniet laudantium vel consectetur unde, dolorum perferendis repellat provident maiores eos atque quam dicta nulla vero natus eligendi veritatis inventore numquam? Fuga praesentium molestiae ex laudantium aliquid consequuntur voluptates Lorem ipsum dolor sit Lorem ipsum dolor sit amet.</p>
                <span>Read more</span>
            </div>
        </div>
        <div class="img">
            <img src="http://img.vikna.if.ua/gallery_2017/104749/sobaka-est-1024x372__large.jpg" alt="">
        </div>
       </div>
    </div>
    <div class="element2">
        <div class="arrow21">
            <i class="fas fa-chevron-left"></i>
        </div>
        <div class="text2">
            <p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur repellendus quas autem corporis sunt ex, omnis facere consequatur quod dolor."</p>
        </div>
        <div class="arrow22">
            <i class="fas fa-chevron-right"></i>
        </div>
    </div>
</body>
</html>