Skip to content

commit two #2

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

Open
thenam153 wants to merge 1 commit into
base: master
Choose a base branch
from
Open

commit two #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
141 changes: 141 additions & 0 deletions velocity/1.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,141 @@
*{margin: 0; padding: 0;}
.nav-custom{
text-transform: uppercase;
background-color: transparent;
color: white;
padding-top: 0;
border-radius: 0px;

}
.nav-custom a{
color: white;
}
.item-nav{
float: right;
display: block;
margin-top: 1.3rem;
font-size: 13px;
line-height: 14px;
color: white;
transition: 1s;
}
.item-nav li{
margin-right: 1rem;
}
.item-host{
margin-top: -0.4rem;
border:1px solid #fff;
border-radius: 4px;
padding: 1rem ;
padding-top: 0.7rem!important;
padding-bottom: 0.7rem!important;
color: white;
transition: 1s;
}
.active a{
color: #ec6952!important;
}
.menu-dropdown{
display: block;
position: relative;
color: white;
}
.menu-dropdown div{
text-transform: none;
}
.brand{
font-family: 'Patua One', cursive;
padding: 0.7rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
background-color: #ec6952;
border-radius: 0 0 5px 5px;
color: white;
margin-bottom: 0.5rem;
}
.drop {
background-color: #212e3a;
}
.drop a{
padding: 0.6rem 1rem;
border:1px solid #212e3a;
background-color: #212e3a;
}


.bg{
background-image: url(1.jpg);
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100%;
}
html,body{
width: 100%;
height: 100%;
}
.scroll-bd{
background-color: white;
}

.scroll-bd .brand{
background: transparent;
color: #ec6952;
margin-top: 15px;
}
.scroll-bd .item-host{
border-color: #ec6952;
background: #ec6952;
color: white;
}
.scroll-bd .item-nav{
padding: 0;
}
.scroll-bd .drop a{
color: white;
}
.dark a{
color: #666;
}
.item-host:hover{
background-color: #ec6952;
border-color: #ec6952;
}
.bg{
position: relative;
}
.banner{
color: white;
position: absolute;
width: 100%;
height: 100%;
padding: 14rem;
font-size: 20px;
}
.banner h1{
margin-bottom: 1rem;

}
.banner p{
color: #bebdbd;
margin-bottom: 2rem;
display: block;
}
.banner .btn{
background-color: #ec6952;
padding: 0.7rem 1.5rem;
border-color: #ec6952;
font-weight: bold;
font-size: 20px;
margin-bottom: 1.5rem;
}
.banner .p-me{
text-transform: uppercase;
font-size: 13px;
font-weight: bold;
line-height: 10px;
}
.backtotop{
position: absolute;
bottom: 50%;
}
99 changes: 99 additions & 0 deletions velocity/1.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,99 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title> Velocity </title>
<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<script type="text/javascript" src="vendor/bootstrap.js"></script>

<link href="https://fonts.googleapis.com/css?family=Patua+One" rel="stylesheet">

<script src="https://code.jquery.com/jquery-3.3.1.js"integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="crossorigin="anonymous"></script> <!-- jquery for js -->

<script type="text/javascript" src="fancybox/lib/jquery-1.10.2.min.js"></script> <!-- fancybox -->

<!-- Add mousewheel plugin (this is optional) -->
<script type="text/javascript" src="fancybox/lib/jquery.mousewheel.pack.js?v=3.1.3"></script> <!-- fancybox -->

<!-- Add fancyBox main JS and CSS files -->
<script type="text/javascript" src="fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script> <!-- fancybox -->

<link rel="stylesheet" type="text/css" href="fancybox/source/jquery.fancybox.css?v=2.1.5" media="screen" /> <!-- fancybox -->

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.0.1/TweenMax.min.js"></script> <!-- TweenMax -->

<script src="vendor/jquery.easing.1.3.js"></script> <!-- easing -->

<script type="text/javascript" src="1.js"></script> <!-- jquery by me -->

<link rel="stylesheet" href="vendor/bootstrap.css"> <!-- bs4 -->

<link rel="stylesheet" href="vendor/font-awesome.css"> <!-- bs4 -->

<link rel="stylesheet" href="1.css"> <!-- css by me -->
</head>
<body id="top-back">
<nav class="navbar navbar-fixed-top nav-custom">
<div class="container">
<button class="navbar-toggler hidden-sm-up" type="button" data-toggle="collapse" data-target="#exCollapsingNavbar2"> &#9776;</button>
<a class="navbar-brand brand" href="#">Velocity</a>
<div class="collapse navbar-toggleable-xs" id="exCollapsingNavbar2">

<ul class="nav navbar-nav item-nav">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">features</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">pricing</a>
</li>
<li class="nav-item">
<div class="menu-dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#">pages</a>
<div class="dropdown-menu dropdown-menu-right drop">
<a href="" class="dropdown-item">Download App</a>
<a href="" class="dropdown-item">Blog</a>
<a href="" class="dropdown-item">Blog Single</a>
<a href="" class="dropdown-item">Blog Category</a>
<a href="" class="dropdown-item">Blog Archive</a>
<a href="" class="dropdown-item">Abouts Us</a>
<a href="" class="dropdown-item">Contact</a>
</div>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="#">log in</a>
</li>
<li class="nav-item">
<a class="nav-link item-host" href="#">sign up free</a>
</li>
</ul>
</div>
</div> <!-- end container -->
</nav>
<div class="bg">
<div class="banner">
<div class="container">
<div class="row">
<div class="col-sm-8 push-sm-2 text-sm-center">
<h1>Let's get your product online fast<br>and get attention right away!</h1>
<p>Velocity is a mobile-friendly HTML5 template designed to help you<br>promote your product effectively to your target users</p>
<a href="" class="btn btn-primary">Try Velocity Free</a>
<div class="media-me">

<p class="p-me"><i class="fa fa-youtube-play"></i> watch the video</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bg">
<a href="#top-back" class="backtotop btn btn-outline-danger">Back to top</a>
</div>
</body>
</html>
Binary file added velocity/1.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
29 changes: 29 additions & 0 deletions velocity/1.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
 $(function(){
$(window).scroll(function(event) {
/* Act on the event */
if($('html,body').scrollTop()>=100)
{
$('.nav-custom').addClass('scroll-bd');
$('.nav-custom').addClass('dark');
}
else
{
$('.nav-custom').removeClass('scroll-bd');
$('.nav-custom').removeClass('dark');
}
});
$('.backtotop').click(function(event) {
/* Act on the event */
if (this.hash!=="")
{
event.preventDefault();

var cc=this.hash;

$('html,body').animate({scrollTop:$(cc).offset().top}, 800,function(){
window.location.hash=cc;
})
}
});
})

Binary file added velocity/2.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added velocity/3.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
7 changes: 7 additions & 0 deletions velocity/fancybox/.gitattributes
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
# Auto detect text files and perform LF normalization
* text=auto

# Denote all files that are truly binary and should not be modified.
*.png binary
*.jpg binary
*.gif binary
3 changes: 3 additions & 0 deletions velocity/fancybox/.gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
.project
.settings
dist/
Loading