abdulfatah/index.html at main · fathgithub/abdulfatah · 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=, initial-scale=1.0">
    <title>Travel</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <nav>
        <div class="layar-dalam">
            <div class="logo">
                <a href=""><img src="asset/logotravel.png" class="putih"></a>
            </div>
            <div class="menu">
                <a href="#" class="tombol-menu">
                    <span class="garis"></span>
                    <span class="garis"></span>
                    <span class="garis"></span>
                <ul>
                    <li><a href="#home">Home</a></li>
                    <li><a href="#aboutus">About us</a></li>
                    <li><a href="#support">Support</a></li>
                    <li><a href="#gallery">Gallery</a></li>
                    <li><a href="#team">Team</a></li>
                    <li><a href="#blog">Blog</a></li>
                    <li><a href="#contact">Contact</a></li>
                </ul>
            </div>
        </div>
    </nav>
    <div class="layar-penuh">
        <header id="home">
            <div class="overlay"></div>
            <video autoplay muted loop>
                <source src="asset/3571264-uhd_3840_2160_30fps.mp4" type="video/mp4">
            </video>
            <div class="intro">
                <h3>Visit International</h3>
                <p>traveling bukan hanya memberi manfaat bagi pikiran, hati dan tubuh melainkan juga terdapat pelajaran berharga di dalamnya. Namun memang sebelum melakukan traveling dibutuhkan persiapan yang matang agar perjalanan kalian dapat berjalan lancar. Sejumlah kata-kata traveling penuh makna ini bisa menjadi referensi jika kalian berniat melakukan perjalanan ke suatu tempat atau daerah.</p>
                <p>
                    <a href="" class="tombol">MORE INFO</a>
                </p>
            </div>
        </header>
        <main>
            <section id="aboutus">
                <div class="layar-dalam">
                    <h3>About Us</h3>
                    <p class="ringkasan">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aspernatur, omnis.</p>
                    <div class="konten-isi">
                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel tenetur maiores, fugit laboriosam non placeat dolore nemo corporis eum quas!</p></div>

                </div>
            </section>
            <section class="abuabu" id="support">
                <div class="layar-dalam support">
                    <div>
                        <img src="asset/kompas.jpg" >
                        <h6>in every body</h6>
                        <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Saepe tenetur omnis deserunt animi, nesciunt officia.</p>
                    </div>
                    <div>
                        <img src="asset/tas.jpg" >
                        <h6>profesional Team</h6>
                        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Placeat doloremque distinctio recusandae nesciunt cumque optio?</p>
                    </div>
                    <div>
                        <img src="asset/tas1.jpg">
                        <h6>team hard</h6>
                        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit assumenda architecto culpa nihil minima magni!</p>
                    </div>
                </div>
            </section>
            <section id="gallery">
                <div><img src="asset/foto1.jpg" alt=""></div>
                <div><img src="asset/foto2.jpg" alt=""></div>
                <div><img src="asset/foto3.jpg" alt=""></div>
                <div><img src="asset/foto4.jpg" alt=""></div>
                <div><img src="asset/foto5.jpg" alt=""></div>
                <div><img src="asset/foto6.jpg" alt=""></div>
                <div><img src="asset/foto7.jpg" alt=""></div>
                <div><img src="asset/foto8.jpg" alt=""></div>
            </section>
            <section class="quote">
                <div class="layar-dalam">
                    <p>jogja terbuat dari rindu,pulang dan angkringan</p>
                </div>
            </section>
            <section id="team">
                <div class="layar-dalam">
                    <h3>Our Team</h3>
                    <p class="ringkasan">
                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Delectus laboriosam quod sequi suscipit veniam fugiat neque aperiam repudiandae at a?
                    </p><div class="tim">
                        <div>
                            <img src="asset/blog1.jpg" alt="">
                            <h6>john doe</h6>
                            <span>indonesia</span>
                        </div>
                        <div>
                            <img src="asset/blog1.jpg" alt="">
                            <h6>john doe</h6>
                            <span>indonesia</span>
                        <div>
                            <img src="asset/blog1.jpg" alt="">
                            <h6>john doe</h6>
                            <span>indonesia</span>
                </div>
            </section>
        </main>
    </div>
    <script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
    <script src="javasrcript.js"></script>

</body>
</html>