Slider/index.html at main · Lg007-git/Slider · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Image_slider</title>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
</head>
<body>

    <section>
        <input type="checkbox" id="check">
        <header>
            <h2><a href="#" class="logo">Logo</a></h2>
            <div class="navigation">
                <a href="#">Home</a>
                <a href="#">About</a>
                <a href="#">Info</a>
                <a href="#">Services</a>
                <a href="#">Contact</a>
            </div>
            <label for="check">
                <i class="fas fa-bars menu-btn"></i>
                <i class="fas fa-times clase-btn"></i>
            </label>
        </header>
        <div class="content">
            <div class="info">
            <h2>Like nature<br><span>BE creative!</span></h2>
        <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Unde perspiciatis architecto necessitatibus consectetur, quidem, labore ipsa ratione rem nesciunt magni voluptate suscipit ad! Iure, nulla magnam. Repellendus repudiandae recusandae ipsa ab consequatur.</p>
    <a href="#" class="info-btn">More Info</a></div>
       </div>
       <div class="media-icons">
        <a href="#"><i class="fa-brands fa-facebook"></i></a>
        <a href="#"><i class="fa-brands fa-instagram"></i></a>
        <a href="#"><i class="fa-brands fa-twitter"></i></a>
       </div>
    </section>
</body>
</html>