Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

updated the contact us heading and button command #50

Merged
merged 5 commits into from
Oct 5, 2022
Merged

updated the contact us heading and button command #50

Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
e185aa2
updated the contact us heading and button command
anshulsoni4 Oct 4, 2022
d24581a
Merge branch 'master' into master
anshulsoni4 Oct 4, 2022
16daf40
Merge branch 'master' into master
SaptarshiSarkar12 Oct 4, 2022
28eebb2
updated again
anshulsoni4 Oct 4, 2022
afc6c8d
updated the font awesome icon
anshulsoni4 Oct 5, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
140 changes: 50 additions & 90 deletions Website/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,19 +5,14 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Drifty</title>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css"/>
</head>
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link
href="https://fonts.googleapis.com/css2?family=Rubik:wght@400;600;700&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css" integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A==" crossorigin="anonymous" referrerpolicy="no-referrer">


</head>


<style>

Expand Down Expand Up @@ -76,11 +71,11 @@

.header-container {
width: 1200px;
position:relative;
top: 65%;
position: absolute;

left: 50%;


left: 50%;
top: 50%;


transform: translate(-50%, -50%);
Expand Down Expand Up @@ -190,53 +185,53 @@
cursor: pointer;
}

.more-info {
position: relative;
left: 5%;
.more-info {
left: 50%;
top: 50%;

text-align: center;
}

video{
position: relative;
border:2px black;
border-radius: 5%;
}
.swiper{
position: relative;
bottom:365px;
width: 700px;
height: 400px;
margin:auto 600px;
border-radius: 5%;
border:1px grey;

}

.swiper .swiper-button-next , .swiper .swiper-button-prev{
color: white;

/* contact us section */
#contact{
padding: 96px;

text-align: center;
left: 60%;
background-color:var(--background-color);
}
#info{
position: relative;
left:10%;

.btn4{
padding: 15px;
margin: 4px;
}
.swiper .swiper-pagination-bullet-active {
background: white;

.contact_section{
text-align: center;
padding: 6px;
}


</style>

<body>
<header>

<nav class="container">
<div id=><a href="https://saptarshisarkar12.github.io/Drifty/"><img src="img/Driftyicon.ico" id="btn1"/></a></div>
<div class="btn2" >CONTACT US</div>

<!-- added the button action -->
<a style="text-decoration: none;" href="#contact"><div class="btn2" >CONTACT US</div></a>

<div class="btn2" >ABOUT US</div>
<a style="text-decoration: none;" href="#download_section"><div class="btn2" >DOWNLOAD</div></a>


</nav>


<div class="header-container">
<div class="header-container-inner">
Expand All @@ -247,32 +242,9 @@ <h1>DRIFTY</h1>
of the downloaded file as input and downloads it in the given directory with the given filename.
</p>
<a href="#info" class="btn">More Info</a>
<!-- Slider main container -->

</div>
</div>
<!-- Slider main container -->
<div class="swiper">
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide"><img src="img/img1.png" alt=""></div>
<div class="swiper-slide"><img src="img/img4.png" alt=""></div>
<div class="swiper-slide"><img src="img/Screenshot (59).png" alt=""></div>
...
</div>
<!-- If we need pagination -->
<div class="swiper-pagination"></div>

<!-- If we need navigation buttons -->
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>

</div>


</header>



<section>
<div class="container" id="info">
Expand All @@ -284,12 +256,15 @@ <h2>More Information About Drifty</h2>
<p>
<a href="https://github.com/SaptarshiSarkar12/Drifty" class="btn4"><i class="fab fa-github"></i> Contribute to Drifty</a>
</p>
<a id="download_section">
<a id="contact_section">
<a href="https://github.com/SaptarshiSarkar12/Drifty/releases/latest/download/Drifty_CLI.exe" class="btn4">Download Now <i class="fab fa-windows"></i></a>
<a href="https://github.com/SaptarshiSarkar12/Drifty/releases/latest/download/Drifty.jar" class="btn4">Download Now <i class="fab fa-apple"></i> <i class="fab fa-linux"></i></a>
</a>
</div>
</section>



<section>
<div class="more-info" id="demo">
<h2>Demonstration of using Drifty</h2>
Expand All @@ -299,8 +274,20 @@ <h2>Demonstration of using Drifty</h2>
<p>
<video src="Resources/Usage.mp4" height=700 width=1250 controls></video>
</p>
</section>>
<section class="footer">
</section>

<!-- contact us section -->
<section id="contact">
<div class="contact_section">
<h2>Contact Us</h2>
<a href="https://github.com/SaptarshiSarkar12/Drifty/issues" class="btn4"><i class="fa-solid fa-hand-holding-hand"></i> Help and Support </a>
<a href="https://www.twitter.com/SSarkar2007" class="btn4"> <i class="fab fa-twitter"></i> My Twitter</a>
<a href="mailto:[email protected] " class="btn4"><i class="fa-sharp fa-solid fa-envelope"></i> My Email </a>
</a>
</div>
</section>

<section class="footer" id="">
<div class="social">
<a href="https://www.twitter.com/SSarkar2007"><i class="fab fa-twitter"></i></a>
<a href="https://github.com/SaptarshiSarkar12"><i class="fab fa-github"></i></a>
Expand All @@ -312,32 +299,5 @@ <h2>Demonstration of using Drifty</h2>
</section>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/lib/darkmode-js.min.js"></script>
<script src="script.js" ></script>
<script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>

<script>
const swiper = new Swiper('.swiper', {
autoplay: {
delay:3000,
DisableOnInteraction:false,
},

loop: true,

pagination: {
el: '.swiper-pagination',
clickable:true,
},


navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},



});
</script>

</body>
</html>