Skip to content

Commit

Permalink
all font face added, rollbacked index file code
Browse files Browse the repository at this point in the history
  • Loading branch information
@Somraj-234
Somraj-234 committed Jul 22, 2024
1 parent 8b38b9b commit e5e10e9
Show file tree
Hide file tree
Showing 2 changed files with 312 additions and 8 deletions.
312 changes: 312 additions & 0 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,312 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Obys Agency</title>
<link rel="shortcut icon" href="./favicon.png" type="image/x-icon">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/locomotive-scroll.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/aayushchouhan24/sheryjs@main/dist/Shery.css">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css" rel="stylesheet"/>
<!-- animate css -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- <div id="crsr"></div> -->
<!-- <div class="mousefollower"></div> -->
<div id="loader">
<div class="line">
<div id="line1-part1">
<h5>00</h5>
<h6>- 100</h6>
</div>
<h1>Your</h1>
</div>
<div class="line">
<h1>Web Experince is</h1>
</div>
<div class="line">
<h1>Loading right</h1>
<h2>now</h2>
</div>
</div>
<div id="main">
<div id="page1" data-scroll data-scroll-speed="-1">
<div id="nav">
<svg class="brand__svg" width="71" height="27" viewBox="0 0 71 27">
<path d="M40.7622 24.5917C40.7622 23.6724 41.4511 22.9829 42.3697 22.9829C43.2883 22.9829 43.9773 23.6724 43.9773 24.5917C43.9773 25.511 43.2883 26.2005 42.3697 26.2005C41.566 26.2005 40.7622 25.3961 40.7622 24.5917Z" fill="currentColor"></path>
<path d="M65.7937 8.96329C65.7937 8.04398 66.4826 7.35449 67.4012 7.35449C68.3198 7.35449 69.0087 8.04398 69.0087 8.96329C69.0087 9.88261 68.3198 10.5721 67.4012 10.5721C66.4826 10.5721 65.7937 9.88261 65.7937 8.96329Z" fill="currentColor"></path>
<path d="M59.019 18.3861C59.019 17.4668 59.708 16.7773 60.6266 16.7773C61.5451 16.7773 62.2341 17.4668 62.2341 18.3861C62.2341 19.3055 61.5451 19.9949 60.6266 19.9949C59.8228 19.9949 59.019 19.3055 59.019 18.3861Z" fill="currentColor"></path>
<path d="M41.3365 9.88276C40.5327 8.27396 39.6142 7.8143 39.04 7.58447H46.3887C45.9294 7.8143 45.0108 8.04413 45.0108 8.96344C45.0108 9.19327 45.1257 9.65293 45.3553 10.1126L48.3407 16.6627L46.5035 20.225L41.3365 9.88276Z" fill="currentColor"></path>
<path d="M51.8998 9.30819C51.8998 8.04413 50.9812 7.69939 50.2922 7.58447H54.6555C53.8517 7.8143 52.8183 8.27396 51.7849 10.1126C51.8998 9.88276 51.8998 9.65293 51.8998 9.30819Z" fill="currentColor"></path>
<path d="M66.7122 17.9266C66.7122 16.2029 65.2195 15.6283 63.0378 14.5941C60.8562 13.5599 59.019 12.7555 59.019 10.8019C59.019 8.73348 60.971 7.12468 64.1861 7.00977C63.1527 7.23959 62.3489 8.15891 62.3489 9.42296C62.3489 10.9168 63.612 11.4914 65.9084 12.5256C68.2049 13.5599 70.2717 14.4792 70.2717 16.6626C70.2717 19.1907 67.4011 20.3398 64.6454 20.4547C65.9084 20.2249 66.7122 19.1907 66.7122 17.9266Z" fill="currentColor"></path>
<path d="M21.0129 2.64303C21.0129 1.6088 20.3239 0.919313 19.2905 0.689485L24.4576 0V20.3398C24.4576 20.3398 22.6204 20.4547 20.8981 21.8337V2.64303H21.0129Z" fill="currentColor"></path>
<path d="M34.6764 14.0195C34.6764 10.4572 31.691 7.58432 27.9019 7.35449C30.1983 7.69923 30.8873 11.4914 30.8873 14.0195C30.8873 16.5476 30.1983 20.2249 27.9019 20.6845C31.8058 20.4547 34.6764 17.5819 34.6764 14.0195Z" fill="currentColor"></path>
<path d="M14.9269 14.0195C14.9269 10.4572 11.9415 7.58432 8.15234 7.35449C10.4488 7.69923 11.1377 11.4914 11.1377 14.0195C11.1377 16.5476 10.4488 20.2249 8.15234 20.6845C11.9415 20.4547 14.9269 17.5819 14.9269 14.0195Z" fill="currentColor"></path>
<path d="M0 14.0195C0 10.4572 2.9854 7.58432 6.77456 7.35449C4.4781 7.69923 3.78916 11.4914 3.78916 14.0195C3.78916 16.5476 4.4781 20.2249 6.77456 20.6845C2.9854 20.4547 0 17.5819 0 14.0195Z" fill="currentColor"></path></svg>
<div id="nav-part2">
<h4>Works</h4>
<h4>About</h4>
<h4>Contacts</h4>
</div>
</div>
<div class="hero" id="hero1">
<h1>Web Design</h1>
</div>
<div class="hero" id="hero2">
<h1>Unique</h1>
</div>
<div class="hero" id="hero3">
<h2>Web/</h2>
<h2>Graphic</h2>
</div>
<div class="hero" id="hero4">
<h1>Experince</h1>
</div>
<img id="flag" src="./img/indian_flag.png" alt="">
</div>
<div id="page2" data-scroll data-scroll-speed="-1.4">
<div id="video-container">
<div id="video-cursor">
<i class="ri-play-fill"></i>
</div>
<video loop src="https://obys.agency/wp-content/uploads/2022/11/Obys-Showreel-2022.mp4" alt="">
</div>
</div>

<div id="page3" data-scroll data-scroll-speed="-1.4">
<h1>Our Projects</h1>
<div class="underline"></div>
<div id="img-div-container">
<div id="f1-container" class="img-text">
<h2 id="head">Olga Prudka</h2>
<div id="first-img" class="image-div">
<img src="./img/Olga_Prudka_1.jpeg" alt="">
<img src="./img/Olga_Prudka_2.jpeg" alt="">
</div>
<div class="txt">
<h2>Logo design, Website design, Development </h2>
<h2>2023</h2>
</div>
<div class="underline"></div>
</div>

<div class="img-text">
<h2 id="head">AIM</h2>
<div class="image-div">
<img src="./img/AIM-1.jpeg" alt="">
<img src="./img/AIM-2.jpeg" alt="">
</div>
<div class="txt">
<h2>Logo design, Website design, Development </h2>
<h2>2024</h2>
</div>
<div class="underline"></div>
</div>


<div class="page3-circle">
<svg class="button__arrow" viewBox="0 0 91 118" fill="none">
<path d="M15.2307 57.4152L15.9378 56.708L15.2307 56.0009L14.5236 56.708L15.2307 57.4152ZM34.9813 77.1658L34.2742 77.8729L35.9813 79.58L35.9813 77.1658L34.9813 77.1658ZM0.151478 72.4944L-0.555622 71.7873L-1.26273 72.4944L-0.555622 73.2015L0.151478 72.4944ZM45.29 117.633L44.5828 118.34L45.29 119.047L45.9971 118.34L45.29 117.633ZM60.3692 102.554L61.0763 103.261L61.7839 102.553L61.0758 101.846L60.3692 102.554ZM60.3685 102.553L59.6614 101.846L58.9538 102.553L59.6619 103.261L60.3685 102.553ZM90.427 72.4944L91.1341 73.2015L91.8412 72.4944L91.1341 71.7873L90.427 72.4944ZM75.3478 57.4152L76.0549 56.7081L75.3478 56.001L74.6407 56.7081L75.3478 57.4152ZM56.3065 76.4565L55.3065 76.4565L55.3065 78.8707L57.0136 77.1636L56.3065 76.4565ZM56.3065 0.120074L57.3065 0.120074L57.3065 -0.879926L56.3065 -0.879926L56.3065 0.120074ZM34.9813 0.120076L34.9813 -0.879924L33.9813 -0.879924L33.9813 0.120076L34.9813 0.120076ZM14.5236 58.1223L34.2742 77.8729L35.6884 76.4587L15.9378 56.708L14.5236 58.1223ZM0.858585 73.2015L15.9378 58.1223L14.5236 56.708L-0.555622 71.7873L0.858585 73.2015ZM45.9971 116.926L0.858585 71.7873L-0.555622 73.2015L44.5828 118.34L45.9971 116.926ZM59.662 101.846L44.5828 116.926L45.9971 118.34L61.0763 103.261L59.662 101.846ZM59.6619 103.261L59.6625 103.261L61.0758 101.846L61.0751 101.845L59.6619 103.261ZM61.0756 103.26L91.1341 73.2015L89.7199 71.7873L59.6614 101.846L61.0756 103.26ZM91.1341 71.7873L76.0549 56.7081L74.6407 58.1223L89.7199 73.2015L91.1341 71.7873ZM74.6407 56.7081L55.5994 75.7494L57.0136 77.1636L76.0549 58.1223L74.6407 56.7081ZM57.3065 76.4565L57.3065 0.120074L55.3065 0.120074L55.3065 76.4565L57.3065 76.4565ZM56.3065 -0.879926L34.9813 -0.879924L34.9813 1.12008L56.3065 1.12007L56.3065 -0.879926ZM33.9813 0.120076L33.9813 77.1658L35.9813 77.1658L35.9813 0.120076L33.9813 0.120076Z" fill="currentColor"></path></svg>

<div class="circle-in">
<p>We are thrilled to have you on board.
We hope you enjoy the projects 🩷</p>
</div>
</div>
<div class="page3-circle2">
<svg class="button__arrow" viewBox="0 0 91 118" fill="none">
<path d="M15.2307 57.4152L15.9378 56.708L15.2307 56.0009L14.5236 56.708L15.2307 57.4152ZM34.9813 77.1658L34.2742 77.8729L35.9813 79.58L35.9813 77.1658L34.9813 77.1658ZM0.151478 72.4944L-0.555622 71.7873L-1.26273 72.4944L-0.555622 73.2015L0.151478 72.4944ZM45.29 117.633L44.5828 118.34L45.29 119.047L45.9971 118.34L45.29 117.633ZM60.3692 102.554L61.0763 103.261L61.7839 102.553L61.0758 101.846L60.3692 102.554ZM60.3685 102.553L59.6614 101.846L58.9538 102.553L59.6619 103.261L60.3685 102.553ZM90.427 72.4944L91.1341 73.2015L91.8412 72.4944L91.1341 71.7873L90.427 72.4944ZM75.3478 57.4152L76.0549 56.7081L75.3478 56.001L74.6407 56.7081L75.3478 57.4152ZM56.3065 76.4565L55.3065 76.4565L55.3065 78.8707L57.0136 77.1636L56.3065 76.4565ZM56.3065 0.120074L57.3065 0.120074L57.3065 -0.879926L56.3065 -0.879926L56.3065 0.120074ZM34.9813 0.120076L34.9813 -0.879924L33.9813 -0.879924L33.9813 0.120076L34.9813 0.120076ZM14.5236 58.1223L34.2742 77.8729L35.6884 76.4587L15.9378 56.708L14.5236 58.1223ZM0.858585 73.2015L15.9378 58.1223L14.5236 56.708L-0.555622 71.7873L0.858585 73.2015ZM45.9971 116.926L0.858585 71.7873L-0.555622 73.2015L44.5828 118.34L45.9971 116.926ZM59.662 101.846L44.5828 116.926L45.9971 118.34L61.0763 103.261L59.662 101.846ZM59.6619 103.261L59.6625 103.261L61.0758 101.846L61.0751 101.845L59.6619 103.261ZM61.0756 103.26L91.1341 73.2015L89.7199 71.7873L59.6614 101.846L61.0756 103.26ZM91.1341 71.7873L76.0549 56.7081L74.6407 58.1223L89.7199 73.2015L91.1341 71.7873ZM74.6407 56.7081L55.5994 75.7494L57.0136 77.1636L76.0549 58.1223L74.6407 56.7081ZM57.3065 76.4565L57.3065 0.120074L55.3065 0.120074L55.3065 76.4565L57.3065 76.4565ZM56.3065 -0.879926L34.9813 -0.879924L34.9813 1.12008L56.3065 1.12007L56.3065 -0.879926ZM33.9813 0.120076L33.9813 77.1658L35.9813 77.1658L35.9813 0.120076L33.9813 0.120076Z" fill="currentColor"></path></svg>

<div class="circle-in">
<p>It will make you WOW!😉</p>
</div>
</div>

<div id="f3-container" class="img-text">
<h2 id="head">OCHI</h2>
<div class="image-div">
<img src="./img/OCHI.jpeg" alt="">
<img src="./img/OCHI_2-1.jpeg" alt="">
</div>
<div class="txt">
<h2>Website design, Development </h2>
<h2>2022</h2>
</div>
<div class="underline"></div>
</div>

<div id="f4-container" class="img-text">
<h2 id="head">David Laxer</h2>
<div class="image-div">
<img src="./img/Laxer_1-2.jpeg" alt="">
<img src="./img/Laxer_2.jpeg" alt="">
</div>
<div class="txt">
<h2>Website design, Development </h2>
<h2>2022</h2>
</div>
<div class="underline"></div>
</div>


</div>


</div>
<div id="page4" data-scroll data-scroll-speed="-1.4">
<div id="page4-content">
<h1>About Obys</h1>
<div class="underline"></div>
<p>Our
agency
is
about
people
who

love
creating,
designing
and

developing
wow
projects.
In
the

same
time
we
are
a
boutique

agency
that
is
more
than
the

collective.
We
learn
and
grow,
win

and
celebrate
together.

</p>
<div id="page4-flex">
<img src="https://obys.agency/wp-content/uploads/2020/07/content-image01.jpg" alt="">
<p>We are happy to present our new website and updated version of Obys agency. As before we are open for new projects worldwide! <br>
<br>
Would you like to have award winning site or unique branding style, please say hi to our manager —[email protected].
And we will help you with the pleasure.</p>
</div>
<div id="page4-blue-div">
<div class="blue-div-elem">
<h4>Awwwards x16</h4>
<p>SOTM, SOTD and Honrable Mentions</p>
</div>
<div class="blue-div-elem">
<h4>Red Dot Award x1</h4>
<p>Best of the Best</p>
</div>
<div class="blue-div-elem">
<h4>FWA x11</h4>
<p>FWA of The Day</p>
</div>
<div class="blue-div-elem">
<h4>CSSDA x23</h4>
<p>WOTM, WOTD and UI, UX, Innovation</p>
</div>
<div class="blue-div-elem">
<h4>Behance x25</h4>
<p>Interaction, Graphic Design</p>
</div>
</div>
<div class="underline">
<h6>We Work With</h6>
</div>

</div>
</div>
<div id="page5" data-scroll data-scroll-speed="-1.4">
<div class="elem">
<h1>Sport - Fashion - <span>Technology</span> -</h1>
<h1>Sport - Fashion - <span>Technology</span> -</h1>
</div>
<div class="elem2">
<h1><span>Science</span> - Partners - Travel - </h1>
<h1><span>Science</span> - Partners - Travel - </h1>
</div>
<div class="elem">
<h1>Fashion - <span>Sport</span> - Technology -</h1>
<h1>Fashion - <span>Sport</span> - Technology -</h1>
</div>
<div class="elem2">
<h1><span>Partners</span> - Science - Travel - </h1>
<h1><span>Partners</span> - Science - Travel - </h1>
</div>
</div>
<div id="footer" data-scroll data-scroll-speed="-1.4">
<div id="footer-text">
<h1>Let's Create</h1>
<h2>Let's Create</h1>
</div>
<div class="underline"></div>
<div id="footer-div">
<div class="box">
<h6>Social</h6>
<h5>Dribbble</h5>
<h5>Behance</h5>
<h5>Instagram</h5>
<h5>Facebook</h5>
<h5>Twitter</h5>
<h5>Youtube</h5>
</div>
<div class="box">
<h6>Address</h6>
<h5>Pushkinska 5</h5>
<h5>61057 Kharkiv</h5>
<h5>India</h5>
</div>
<div class="box">
<h6>Say Hi!</h6>
<h5 id="email">[email protected]</h5>
</div>
</div>
<div class="underline">
<h6>Obys agency ©️ 2024</h6>
</div>

</div>
</div>


<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/locomotive-scroll.min.js"></script>
<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="https://cdnjs.cloudflare.com/ajax/libs/three.js/0.155.0/three.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/automat/controlkit.js@master/bin/controlKit.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/aayushchouhan24/sheryjs@main/dist/Shery.js"></script>
<!-- jquery -->
<script src="https://code.jquery.com/jquery-3.7.1.js" integrity="sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4=" crossorigin="anonymous"></script>
<!-- lettering js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/lettering.js/0.6.1/jquery.lettering.min.js" integrity="sha512-VJ/iYbiu1eJ6yLimfTi65t2R9TFcG5D9X8ZCfbbEFhTfPnKJh8byoKXEawi5ScJZBYL1eiirL1+MczZDx0Tz9Q==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<!-- textillate js -->
<script src="
https://cdn.jsdelivr.net/npm/[email protected]/jquery.textillate.min.js
"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.1/TextPlugin.min.js"></script>

<script src="script.js"></script>
</body>
</html>
8 changes: 0 additions & 8 deletions style.css
View file
Original file line number Diff line number Diff line change
@@ -1,11 +1,3 @@
@font-face {
font-family: 'Plain Light';
src: url('./fonts/plain-light-webfont.woff');
/* src: url('./fonts/plain-light-webfont.ttf') format('truetype'); */
font-weight: normal;
font-style: normal;
}

* {
margin: 0;
padding: 0;
Expand Down

0 comments on commit e5e10e9

Please sign in to comment.