RealTimeSite/index.html at main · DeathlyWalker/RealTimeSite · 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
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <div id="nav">
        <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMwAAADACAMAAAB/Pny7AAAAaVBMVEUAAAD////8/PwEBATx8fH29vbb29vi4uLDw8PY2Njt7e2RkZHq6upZWVlgYGDS0tKYmJizs7MmJiY8PDyenp68vLyqqqoaGhrLy8tra2tPT09CQkJ7e3tlZWUhISEREREyMjKIiIhzc3PtMsHmAAAEOUlEQVR4nO3a6ZaiOhQGUAhhlElFQFAR3/8hLwmgDInT7e7Etb79qwpx1Tl1MhIMAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA+Z40/NHUUn+M4uioM5g+43tJtWSaOy/lJ6eVtbL3+nkasvijHvPRDSswZO3ATL636234BizLKk9A2Jahbbnaqo3zb0XNZJkSWTZePn+9VR/laV5bqEMqzeDQ4JytUB/ta5j6pyCyd5KY61hf2pbSrrIWZ6nCfipL3U2HF2aoO+InIJ2+2sQE5qA5ZwjKuyWepsGy0rY33YV0YulEdtUA3Jmf2s6lFxqlUh75iWUbtfJ4J46mOfaUrzOGLRsYEJ9XBL1lG5H5XGNMsVQe/dviuLp1Qu5VA/XVhNCxNdl/GsAp5bVXXp3A1unXdyjvXdZzOBgtXtwFtso6x0/2l6S41Rb6uwpmvlYtddXhco5qt0Sp3/M+b+b65X/aXtWEjV7/HLCrfHPc8mrWzlA4tLIyayeVmkYw//c5uMybj6LVT84Zot4uwynlh4vnWPxp6VajXVJP0Tay9LK6f5/1/+bXa41+j6T8K8y0Xn7UYGq0/mSWTrD7eZTxJrdbOO182ws6SEXR066RdMt2wZXrCXvyiMp2YdoP5343uQ1F+a0TX97NkwvUN3YBwTXV8UCN4SHnsh97rjQ8QqwHgt/A1ADWGEpH9jzyVFQtYDnyQ4zPR5peT2bHGRfmPBZsfXcXx/A9WtwAgrDC8HF6/BPhZFYvfHUcGllhg/MphxtKer7zusWfsV+FUo73ryeOL4nGv0uVE+UIsOy8XcPpq9sd06wTjPGlPPqrvs2fg5W11Ha9r2e7qdusvDwGO0xv8xYc0yY7anaGxf+0lo+bafM6vBHeY/s3QqjhdKK34XGa+HLaE95hOrShuIcvYUPEZ5nwL2SzbWV89072qiVvsInvOPP+fW1vxXXod07SBOEpz3r0twbMnztdpGMhlJ5mLDZssGfesJm4h6YPm4Sip6HdfhSs5wdHq8YwnDJGX5lJcrnG2qXdFsWtld2mVzFZ+BHDIcj4BOXkuHMs4rZpZKpowP6DVTHN6/YYJewQg/TDR6YnGt+eZI73ONT97M2PJ1ulMw/ruEPD+nfD4+m/8Q5NOY9MwDJ6/DkRoEAaTtwQTnRYAxv3sggROfouqc+bIS0Vo0kZ13B7cYQy0c522AJ1TFz2hoXdvMLJ3Twih7XCLtfFDm5j2QaexzODvAWwTb7N//C4dE0j6uMeI87LcaJbLCnu9UdJv3OlNix/0NdkWTFocyVXH9QXLGF9zIG7ilf443BEd38l6bVhX0gM/UTsNvxKdFsjv6/fIj7fj+n0C0e11jPccx1zG/s3nIsHp2U8oqe3OekgZ2OFvHtF0Maf54jC9zX+zxwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACo9x9SpihX9feNQgAAAABJRU5ErkJggg=="
            alt="logo">
        <h4>HOME</h4>
        <h4>ABOUT US</h4>
        <h4>MORE AND LINKS</h4>
        <h4>CONTACT US</h4>
    </div>

    <div id="cursor"></div>
    <div id="cursor-blur"></div>

    <video autoplay loop muted
        src="https://media.istockphoto.com/id/1402143391/video/futuristic-tunnel-acceleration-directly-through-this-scientific-wormhole-with-the-space.mp4?s=mp4-640x640-is&k=20&c=tP8mv4xP_3gQPUu1ur_K6uGuqhdiu1whvvgt6WctQFU="></video>

    <div id="main">
        <div id="page1">
            <h1>⟬DeathlyWalker⟭</h1>
            <h2>At Dino Haven, adventure awaits around every corner.</h2>
            <p>Welcome to Dino Haven, your ultimate destination for all things dinosaur! Immerse yourself in a world of
                wonder as you journey back in time to discover the incredible creatures that once ruled the Earth.</p>
        </div>

        <div id="page2">
            <div id="scroller">
                <div id="scroller-in">
                    <h4>WELCOME! TO THE SITE...</h4>
                    <h4>HERE IS SOMETHING FOR YOU...</h4>
                    <h4>THIS IS DEATHLYWALKER , IM THE ONE WHO MADE IT..</h4>
                    <h4>SCROLL DOWN !!!</h4>
                </div>
            </div>

            <div id="about-us">
                <img src="https://c4.wallpaperflare.com/wallpaper/694/865/147/space-art-fantasy-art-sky-clouds-wallpaper-preview.jpg"
                    alt="img1">
                <div id="about-us-in">
                    <h3>About-Us</h3>
                    <p> This site is currently underconstruction , but its based on dino theme.
                        "Step into the Mesozoic: Explore our Dino Haven!"</p>
                </div>
                <img src="https://c4.wallpaperflare.com/wallpaper/414/126/559/5bd334f8d938f-wallpaper-preview.jpg"
                    alt="img2">
            </div>
            <div id="cards-container">
                <div class="card" id="card1">
                    <div class="overlay">
                        <h4>JURASSIC PARK</h4>
                        <p>Jurassic Park is a 1993 American science fiction action film.It is the first installment in
                            the Jurassic Park franchise, and the first film in the original Jurassic Park trilogy, The
                            film is set on the fictional island of Isla Nublar, off Central America's Pacific Coast near
                            Costa Rica, where a wealthy businessman John Hammond (Attenborough), and a team of genetic
                            scientists have created a wildlife park of de-extinct dinosaurs. When industrial sabotage
                            leads to a catastrophic shutdown of the park's power facilities and security precautions, a
                            small group of visitors, including Hammond's grandchildren, struggle to survive and escape
                            the now perilous island. </p>
                    </div>
                </div>
                <div class="card" id="card2">
                    <div class="overlay">
                        <h4>DINO ISLAND</h4>
                        <p>Isla Nublar was a remote island 120 miles west of Costa Rica and 87 miles east of the Muertes
                            Archipelago. The island has a surface of 77 square kilometers with mountain ridges which
                            created varied ecological niches.According to Dinotracker.com, coordinates for the island
                            are 9°48'11.4"N, 88°36'42.9"W.</p>
                    </div>
                </div>
                <div class="card" id="card3">
                    <div class="overlay">
                        <h4>VELOCIRAPTORS</h4>
                        <p>Velociraptor is a genus of small dromaeosaurid dinosaurs that lived in Asia during the Late
                            Cretaceous epoch, about 75 million to 71 million years ago. Two species are currently
                            recognized, although others have been assigned in the past. The type species is V.
                            mongoliensis, named and described in 1924.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="green-div">
        <h4>hey ! its me DeathlyWalker , this site which your'e looking at is currently made by me, i know its not my
            best creation but, till now i haven't seen anything magnificient like this.i hope you support me and i'll
            keep leveling up in future.✨</h4>
    </div>
    <div id="page3">
        <p>Dinosaurs were a diverse group of reptiles that roamed the Earth from about 230 million years ago to 65
            million years ago, during the Mesozoic Era. They were one of the most successful groups of animals to have
            ever existed, dominating terrestrial ecosystems for over 160 million years. Dinosaurs came in various shapes
            and sizes, from the massive long-necked sauropods like Brachiosaurus to the fearsome carnivores like
            Tyrannosaurus rex.</p>
        <img id="colon1"
            src="https://c4.wallpaperflare.com/wallpaper/681/554/339/abstract-planet-space-purple-wallpaper-preview.jpg">
        <img id="colon2"
            src="https://c4.wallpaperflare.com/wallpaper/580/191/825/space-planet-abstract-space-art-wallpaper-preview.jpg">
    </div>

    <div id="page4">
        <h1>ARE YOU READY FOR THIS!?</h1>
        <div class="elem">
            <h2>OG-PARK</h2>
            <img src="https://c4.wallpaperflare.com/wallpaper/626/102/458/jurassic-park-car-dinosaur-tyrannosaurus-rex-hd-wallpaper-preview.jpg"
                alt="">
        </div>
        <div class="elem">
            <h2>NEXT-GEN</h2>
            <img src="https://c4.wallpaperflare.com/wallpaper/674/434/384/jurassic-world-fallen-kingdom-4k-chris-pratt-dinosaur-wallpaper-preview.jpg"
                alt="">
        </div>
        <div class="elem">
            <h2>MOSA!?</h2>
            <img src="https://c4.wallpaperflare.com/wallpaper/78/499/576/digital-art-jurassic-world-shark-dinosaurs-wallpaper-preview.jpg"
                alt="">
        </div>

    </div>
    <div id="magic">
        <p>

            want to see a magic ?
            select this sentence :
            _"try to select me and see the magic trick !"_
        </p>

    </div>
    <div id="footer">
        <p>Quick Links:
            - Home
            - About
            - Services
            - Contact
            © 2024</p>
        <pre> ⟬ DeathlyWalker ⟭ </pre>
        <p> © All Rights Reserved.
        </p>
    </div>

    </div>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"
        integrity="sha512-7eHRwcbYkK4d9g/6tD/mhkf++eoTHwpNM9woBxtPUBWm67zeAfFC+HrdoE2GanKeocly/VxeLvIqwvCdk7qScg=="
        crossorigin="anonymous" referrerpolicy="no-referrer"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollTrigger.min.js"
        integrity="sha512-onMTRKJBKz8M1TnqqDuGBlowlH0ohFzMXYRNebz+yOcc5TQr/zAKsthzhuv0hiyUKEiQEQXEynnXCvNTOk50dg=="
        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="script.js"></script>

</body>

</html>