Project/index.html at master · sLurPPPeRsTaR/Project · 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
<!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">
    <title>Ujian</title>
</head>

<link rel="stylesheet" href="styles/index.css">
<link rel="stylesheet" href="styles/generic.css">
<link rel="stylesheet" href="styles/js-image-slider.css">
<script src="js/js-image-slider.js"></script>

<body>
    <div id="top_line"></div>
    <div id="wrapper">
        <div id="header">
            <!-- start header -->
            <div id="header_left">
                <!-- start header_left -->
                <div class="container">
                    <img src="images/logo_baba.png" alt="">
                </div>
                <!-- end header_left -->
            </div>
            <div id="header_right">
                <!-- start header_right -->
                <div class="container">
                    <ul>
                        <li><a href="index.html">Home</a></li>
                        <li><a href="service.html">Service</a></li>
                        <li><a href="gallery.html">Gallery</a></li>
                        <li><a href="contact.html">Contact</a></li>
                    </ul>
                </div>
                <!-- end header_right -->
            </div>
            <!-- end header -->
        </div>
        <div id="sliderwrapper">
            <!-- start sliderwrapper -->
            <div id="sliderFrame">
                <div id="slider">
                    <img src="images/slider_1.png" alt="">
                    <img src="images/slider_2.png" alt="">
                    <img src="images/slider_3.png" alt="">
                </div>
            </div>
            <!-- end sliderwrapper -->
        </div>
        <h1>About Us</h1>
        <div id="content">
            <!-- start content -->
            <div class="section">
                <img src="images/templatemo_image_1.jpg" alt="">
                <h2>Donec vel massa sed neque dignissim</h2>
                <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Id reprehenderit quidem et delectus facilis
                    aliquam dolorum, numquam accusantium praesentium iure est a, dolor cum sequi consectetur vero iusto
                    expedita culpa? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos numquam doloribus et
                    ipsam ut incidunt quam porro, necessitatibus, magnam autem quaerat? Alias vitae quia quam non
                    ducimus est ullam ipsum.<br><br><br><a href=""><em>read more</em></a></p>
            </div>
            <div class="section">
                <img src="images/templatemo_image_2.jpg" alt="">
                <h2>Donec vel massa sed neque dignissim</h2>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Explicabo, reprehenderit! Animi harum modi
                    dolorem iste ratione quae est itaque! Est laborum, modi earum veniam dolores et exercitationem
                    tempore facere? Illo! Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas corporis
                    velit maxime? Inventore quibusdam, nostrum quas voluptatem velit cupiditate at doloribus a ea dicta.
                    Quam sapiente minus blanditiis sit numquam.<br><br><br><a href=""><em>read more</em></a></p>
            </div>
            <div class="section">
                <img src="images/templatemo_image_3.jpg" alt="">
                <h2>Donec vel massa sed neque dignissim</h2>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Perferendis possimus omnis neque pariatur ea
                    ex ducimus? Corrupti quis nostrum enim magni odio, voluptatum, necessitatibus sit incidunt facere
                    beatae aliquid reiciendis? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nesciunt fugiat
                    sapiente, accusantium a ipsum ratione, cupiditate neque velit qui magni laborum quidem amet.
                    Necessitatibus labore quos reprehenderit dignissimos aliquid ad.<br><br><br><a href=""><em>read
                            more</em></a></p>
            </div>
            <!-- end content -->
        </div>
        <div id="footer">
            <!-- start footer -->
            <div class="container">
                &copy; My Encounter 2021
            </div>
            <!-- end footer -->
        </div>
    </div>
</body>

</html>