mirror of
https://github.com/Dvorinka/Portfolio.git
synced 2026-06-03 19:32:56 +00:00
Tomas Dvorak
505 lines
15 KiB
HTML
505 lines
15 KiB
HTML
<!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>Ratafuck.pro - Best CS2 Cheats</title>
|
|
<meta name="title" content="Ratafuck.pro - Best CS2 Cheats">
|
|
<meta name="description" content="Enhance your Counter-Strike 2 adventure with our cutting-edge CS2 Cheats.">
|
|
<link rel="shortcut icon" href="./assets/images/ratafak.png" type="image/svg+xml">
|
|
<link rel="stylesheet" href="./assets/css/style.css">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link
|
|
href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&family=Poppins:wght@400;500;600;700;800&display=swap"
|
|
rel="stylesheet">
|
|
<link rel="preload" as="image" href="./assets/images/rafek.png">
|
|
<link href="https://vjs.zencdn.net/8.10.0/video-js.css" rel="stylesheet"/>
|
|
<script async
|
|
src="https://js.stripe.com/v3/buy-button.js">
|
|
</script>
|
|
<link href="https://unpkg.com/@videojs/themes@1/dist/fantasy/index.css" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
<header class="header" data-header>
|
|
<div class="container">
|
|
<a href="#top" class="logo">
|
|
<img src="./assets/images/rafek.png" width="50" height="31" alt="Rafek Cheats">
|
|
</a>
|
|
<nav class="navbar" data-navbar>
|
|
<div class="navbar-top">
|
|
<a href="#top" class="logo">
|
|
<img src="./assets/images/rafek.png" width="60" height="31" alt="Cryptoza home">
|
|
</a>
|
|
<button class="nav-close-btn" aria-label="close menu" data-nav-toggler>
|
|
<ion-icon name="close-outline" aria-hidden="true"></ion-icon>
|
|
</button>
|
|
</div>
|
|
<ul class="navbar-list">
|
|
<li>
|
|
<a href="#info" class="navbar-link">Info</a>
|
|
</li>
|
|
<li>
|
|
<a href="#users" class="navbar-link">Users</a>
|
|
</li>
|
|
<li>
|
|
<a href="#use" class="navbar-link">How To Use</a>
|
|
</li>
|
|
<!-- <li>
|
|
<a href="#reviews" class="navbar-link">Reviews</a>
|
|
</li>
|
|
<li>
|
|
<a href="#features" class="navbar-link">Features</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="#price" class="navbar-link">Pricing</a>
|
|
</li> -->
|
|
|
|
</ul>
|
|
|
|
</nav>
|
|
|
|
<div class="btn-group">
|
|
|
|
<a href="https://buy.stripe.com/fZe8zE3IFesYeli145" class="btn btn-primary">BUY</a>
|
|
</div>
|
|
|
|
<button class="nav-open-btn" aria-label="open menu" data-nav-toggler>
|
|
<ion-icon name="menu-outline" aria-hidden="true"></ion-icon>
|
|
</button>
|
|
|
|
<div class="overlay" data-overlay data-nav-toggler></div>
|
|
|
|
</div>
|
|
</header>
|
|
|
|
|
|
|
|
|
|
|
|
<main>
|
|
<article>
|
|
|
|
<section class="hero" aria-label="home">
|
|
<div class="container">
|
|
|
|
<div class="hero-content">
|
|
|
|
<h1 class="h1 hero-title gradienttext2">RATAFUCK.PRO</h1>
|
|
|
|
<p class="hero-text">
|
|
Enhance your <strong>Counter-Strike 2</strong> adventure with our cutting-edge <strong>CS2 Cheats</strong>.
|
|
Access advanced features and tactical benefits that elevate your gaming experience, whether you're perfecting
|
|
your skills in solo missions or engaging in friendly competition with friends.
|
|
</p>
|
|
|
|
<div class="btn-group">
|
|
<a href="#info" class="btn btn-primary ">SEE MORE</a>
|
|
|
|
<a href="#use" class="play-btn">
|
|
<div class="icon">
|
|
<ion-icon name="play" aria-hidden="true"></ion-icon>
|
|
</div>
|
|
|
|
<span class="span">How to use</span>
|
|
</a>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="hero-banner">
|
|
<figure class="hero-banner">
|
|
<img src="./assets/images/cheat.png" width="799" height="823" alt="hero banner" class="w-100">
|
|
</figure>
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section promo" aria-label="promo" id="info">
|
|
<div class="container">
|
|
|
|
<h2 class="h2 section-title text-center" style="padding-top: 100px;">Most Trusted <span class="gradienttext">Undetected</span> CS2 Cheats</h2>
|
|
|
|
<ul class="grid-list">
|
|
|
|
<li>
|
|
<div class="promo-card bg-gray gradient-border-card">
|
|
<i aria-hidden="true"></i>
|
|
<div class="shimmer"></div>
|
|
<div class="card-icon">
|
|
<ion-icon name="code-outline" class="icon"></ion-icon>
|
|
</div>
|
|
<h3 class="h3 card-title">Regular updates</h3>
|
|
<p class="card-text">
|
|
Our cheats receive frequent updates, ensuring they stay effective and undetected. Stay ahead with the latest features and enhancements without any hassle.
|
|
</p>
|
|
<!-- <a href="#" class="btn-link">
|
|
<span class="span">Explore More</span>
|
|
<ion-icon name="arrow-forward" class="icon"></ion-icon>
|
|
</a> -->
|
|
</div>
|
|
</li>
|
|
|
|
<li>
|
|
<div class="promo-card bg-gray gradient-border-card">
|
|
<div class="shimmer"></div><i aria-hidden="true"></i>
|
|
<div class="card-icon">
|
|
<ion-icon name="pricetags-outline" class="icon"></ion-icon>
|
|
</div>
|
|
<h3 class="h3 card-title">Cheap Prices</h3>
|
|
<p class="card-text">
|
|
Access premium features without breaking the bank. Our pricing is designed to support ongoing development and the addition of new and enhanced features.
|
|
</p>
|
|
<!-- <a href="#" class="btn-link">
|
|
<span class="span">Explore More</span>
|
|
<ion-icon name="arrow-forward" class="icon"></ion-icon>
|
|
</a> -->
|
|
</div>
|
|
</li>
|
|
|
|
<li>
|
|
<div class="promo-card bg-gray gradient-border-card">
|
|
<div class="shimmer"></div>
|
|
<i aria-hidden="true"></i>
|
|
<div class="card-icon">
|
|
<ion-icon name="eye-off-outline" class="icon"></ion-icon>
|
|
</div>
|
|
<h3 class="h3 card-title">Stream Proof</h3>
|
|
<p class="card-text">
|
|
Stream your gameplay on Twitch, YouTube, or Discord with confidence. Our cheats remain undetected, ensuring a seamless and secure gaming experience.
|
|
</p>
|
|
<!-- <a href="#" class="btn-link">
|
|
<span class="span">Explore More</span>
|
|
<ion-icon name="arrow-forward" class="icon"></ion-icon>
|
|
</a> -->
|
|
</div>
|
|
</li>
|
|
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="stats" aria-label="statistics" id="users">
|
|
<div class="container">
|
|
|
|
<div class="stats-content">
|
|
|
|
<h2 class="h2 section-title">People use our cheats <span class="gradienttext3">all over the world.</span></h2>
|
|
|
|
<p class="section-text">
|
|
Join the global community of gamers who trust our cheats. Whether you're in Europe, Asia, or the America, our cheats are relied upon by players everywhere.
|
|
</p>
|
|
|
|
<ul class="stats-list">
|
|
|
|
<li>
|
|
<div class="stats-card bg-gray">
|
|
|
|
<h3 class="h3 card-title">1000+</h3>
|
|
|
|
<p class="card-text">
|
|
People who bought our cheats
|
|
</p>
|
|
|
|
</div>
|
|
</li>
|
|
|
|
<li>
|
|
<div class="stats-card bg-gray">
|
|
|
|
<h3 class="h3 card-title" id="active-count">110</h3>
|
|
|
|
<p class="card-text">
|
|
People who use cheats right now
|
|
</p>
|
|
|
|
</div>
|
|
</li>
|
|
|
|
<li>
|
|
<div class="stats-card bg-gray">
|
|
|
|
<h3 class="h3 card-title">0.3%</h3>
|
|
|
|
<p class="card-text">
|
|
Users banned by VAC.
|
|
</p>
|
|
|
|
</div>
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
<figure class="stats-banner">
|
|
<img src="./assets/images/stats-banner.png" width="797" height="454" alt="map" class="w-100">
|
|
</figure>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
|
|
|
|
<section class="section market" aria-label="crypto market live price" id="use">
|
|
<div class="container">
|
|
|
|
<h2 class="h2 section-title text-center">How To Use?</h2>
|
|
<p class="section-text text-center">
|
|
Learn how to unleash the power of our cheats and dominate the battlefield. Our tutorial video will guide you through the setup process and help you maximize your gaming performance.
|
|
<div class="videos">
|
|
<video
|
|
id="my-video"
|
|
class="video-js video"
|
|
controls
|
|
width="640"
|
|
height="360"
|
|
preload="auto"
|
|
poster="assets/images/rafek.png"
|
|
data-setup="{}"
|
|
style="display: block; margin-left: auto; margin-right: auto;"
|
|
>
|
|
<source src="assets/video/RafekPRO.mp4" type="video/mp4"/>
|
|
</video>
|
|
</p>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
<!--
|
|
<section class="section cta bg-gray" aria-label="call to action" id="review">
|
|
<div class="container">
|
|
|
|
<h2 class="h2 section-title text-center">Check Out Our Reviews</h2>
|
|
|
|
<p class="section-text text-center">
|
|
If you find our cheats valuable and would like to support our ongoing development efforts, please consider leaving a review or contributing to our community.
|
|
</p>
|
|
|
|
<a href="#" class="btn btn-primary">
|
|
<span class="span">Read Reviews</span>
|
|
|
|
<ion-icon name="arrow-forward" aria-hidden="true"></ion-icon>
|
|
</a>
|
|
|
|
</div>
|
|
</section>
|
|
-->
|
|
|
|
|
|
|
|
|
|
|
|
<!-- <section class="section instruction" aria-label="instruction">
|
|
<div class="container">
|
|
|
|
<h2 class="h2 section-title text-center">How it All Started</h2>
|
|
|
|
<p class="section-text text-center">
|
|
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in
|
|
some form,
|
|
by injected
|
|
</p>
|
|
|
|
<ul class="grid-list">
|
|
|
|
<li>
|
|
<div class="instruction-card bg-gray">
|
|
|
|
<div class="card-icon">
|
|
<img src="./assets/images/instruction-icon-1.svg" width="20" height="20" loading="lazy" alt="icon">
|
|
</div>
|
|
|
|
<p class="card-text">
|
|
In publishing and graphic design, Lorem used to demonstrate the visual form of relying on meaningful
|
|
content.
|
|
</p>
|
|
|
|
</div>
|
|
</li>
|
|
|
|
<li>
|
|
<div class="instruction-card bg-gray">
|
|
|
|
<div class="card-icon">
|
|
<img src="./assets/images/instruction-icon-2.svg" width="20" height="20" loading="lazy" alt="icon">
|
|
</div>
|
|
|
|
<p class="card-text">
|
|
In publishing and graphic design, Lorem used to demonstrate the visual form of relying on meaningful
|
|
content.
|
|
</p>
|
|
|
|
</div>
|
|
</li>
|
|
|
|
<li>
|
|
<div class="instruction-card bg-gray">
|
|
|
|
<div class="card-icon">
|
|
<img src="./assets/images/instruction-icon-3.svg" width="20" height="20" loading="lazy" alt="icon">
|
|
</div>
|
|
|
|
<p class="card-text">
|
|
In publishing and graphic design, Lorem used to demonstrate the visual form of relying on meaningful
|
|
content.
|
|
</p>
|
|
|
|
</div>
|
|
</li>
|
|
|
|
<li>
|
|
<div class="instruction-card bg-gray">
|
|
|
|
<div class="card-icon">
|
|
<img src="./assets/images/instruction-icon-4.svg" width="20" height="20" loading="lazy" alt="icon">
|
|
</div>
|
|
|
|
<p class="card-text">
|
|
In publishing and graphic design, Lorem used to demonstrate the visual form of relying on meaningful
|
|
content.
|
|
</p>
|
|
|
|
</div>
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
</section> -->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- <section class="app" aria-label="app">
|
|
<div class="container">
|
|
|
|
<div class="app-card bg-gray">
|
|
|
|
<div class="card-content">
|
|
|
|
<h2 class="h2 section-title">Also Available on IOS & Android</h2>
|
|
|
|
<p class="section-text">
|
|
This site regularly and would like to help keep the site on the Internet please consider donating a
|
|
small.
|
|
</p>
|
|
|
|
<div class="btn-group">
|
|
|
|
<a href="#" class="btn btn-primary">
|
|
<ion-icon name="logo-google-playstore" aria-hidden="true"></ion-icon>
|
|
|
|
<div>
|
|
<p class="btn-text">Available on the</p>
|
|
|
|
<p class="btn-title">Play Store</p>
|
|
</div>
|
|
</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<figure class="card-banner">
|
|
<img src="./assets/images/download-banner.png" width="383" height="384" loading="lazy"
|
|
alt="download banner" class="w-100">
|
|
</figure>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</section> -->
|
|
|
|
</article>
|
|
</main>
|
|
|
|
|
|
|
|
|
|
|
|
<!--
|
|
- #FOOTER
|
|
-->
|
|
|
|
<footer class="footer">
|
|
|
|
<div class="footer-top section" style="padding-bottom: 40px;">
|
|
<div class="container">
|
|
|
|
<div class="footer-brand">
|
|
|
|
<a href="#top" class="logo">
|
|
<img src="./assets/images/rafek.png" width="55" height="31" alt="Cryptoza home">
|
|
</a>
|
|
|
|
<h2 class="h2 section-title text-center" style="font-size: 30px">Most Trusted <span class="gradienttext">Undetected</span> CS2 Cheats</h2>
|
|
|
|
</div>
|
|
|
|
<ul class="footer-list">
|
|
|
|
<li>
|
|
<a href="#info" class="footer-link">Info</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="#users" class="footer-link">Users</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="#use" class="footer-link">How To Use</a>
|
|
</li>
|
|
|
|
<!-- <li>
|
|
<a href="#reviews" class="footer-link">Reviews</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="#features" class="footer-link">Features</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="#price" class="footer-link">Pricing</a>
|
|
</li> -->
|
|
|
|
</ul>
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</footer>
|
|
|
|
|
|
|
|
|
|
|
|
<!--
|
|
- custom js link
|
|
-->
|
|
<script src="./assets/js/script.js" defer></script>
|
|
|
|
<!--
|
|
- ionicon-link
|
|
-->
|
|
<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
|
|
<script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
|
|
<script src="https://vjs.zencdn.net/8.10.0/video.min.js"></script>
|
|
</body>
|
|
|
|
</html> |