Skip to content

Commit 60f2501

Browse files
minhluanktminhluankt
committed
add
1 parent 3481cb0 commit 60f2501

7 files changed

+742
-11
lines changed

‎css/style.css

+14-1
Original file line numberDiff line numberDiff line change
@@ -86,6 +86,7 @@ div#navbarSupportedContent {
8686
width: 100%;
8787
margin-bottom: 20px;
8888
box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.05);
89+
border: 0.5px solid #BABBBC;
8990
}
9091

9192
.left-title-header {
@@ -385,7 +386,9 @@ ul.navbar-nav.mr-auto.float-right {
385386
}
386387

387388
.audio-rs {}
388-
389+
#data-content-about {
390+
min-height: calc(100vh - 200px);
391+
}
389392
.download-rs {
390393
color: #6D59F6;
391394
width: 73px;
@@ -405,6 +408,16 @@ ul.navbar-nav.mr-auto.float-right {
405408
color: #6D59F6;
406409
}
407410

411+
@media (max-width: 991px) {
412+
.left-content-play {
413+
414+
height: auto;
415+
margin-bottom: 10px
416+
}.right-content-listaudio{
417+
padding-left: 15px
418+
}
419+
}
420+
408421
@media (max-width: 768px) {
409422
.right-content-listaudio {
410423
padding-left: 15px !important;

‎index.html

+10-10
Original file line numberDiff line numberDiff line change
@@ -30,7 +30,7 @@
3030
>
3131
<span class="navbar-toggler-icon"></span>
3232
</button>
33-
<a class="navbar-brand" href="#">
33+
<a class="navbar-brand" href="./">
3434
<img src="./images/camera.png" />
3535
<span>Videos Downloader</span></a>
3636
<div
@@ -44,14 +44,14 @@
4444
<a class="nav-link" href="#">Home</a>
4545
</li>
4646
<li class="nav-item">
47-
<a class="nav-link" href="#">About Us</a>
47+
<a class="nav-link" href="./pages/about-us.html">About Us</a>
4848
</li>
4949
<li class="nav-item">
50-
<a class="nav-link" href="#">FAQ</a>
50+
<a class="nav-link" href="./pages/api-faq.html">FAQ</a>
5151
</li>
5252

5353
<li class="nav-item">
54-
<a class="pr-0 " href="#"
54+
<a class="pr-0 " href="./pages/contact.html"
5555
><img class="btn btn-contact" src="./images/contact.png"
5656
/></a>
5757
</li>
@@ -75,7 +75,7 @@ <h1 class="title mb-3">Best Online Video Downloader</h1>
7575
class="row g-3 align-items-center mt-3"
7676

7777
>
78-
<div class="col-auto iputgroup col-lg-10 col-md-12 col-sm-12 form-input-download pr-0">
78+
<div class="col-auto iputgroup col-lg-10 col-md-10 col-sm-12 form-input-download pr-0">
7979
<div class="icon-style">
8080
<img src="images/linking-icon.png" />
8181
<img src="images/Line 4.png" />
@@ -90,7 +90,7 @@ <h1 class="title mb-3">Best Online Video Downloader</h1>
9090
/>
9191
</div>
9292

93-
<div class="col-auto col-lg-2 col-md-12 col-sm-12 col-download">
93+
<div class="col-auto col-lg-2 col-md-2 col-sm-12 col-download">
9494
<button class="btn btn-primary btn-download">Download</button>
9595
</div>
9696
</div>
@@ -120,7 +120,7 @@ <h1 class="title mb-3">Best Online Video Downloader</h1>
120120

121121
</div>
122122
</div>
123-
<div class="col-lg-8 right-content-listaudio pl-0">
123+
<div class="col-lg-8 right-content-listaudio pl-lg-0">
124124
<ul class="tableAudioheader">
125125
<li>
126126
<span>Name</span>
@@ -194,13 +194,13 @@ <h1 class="title mb-3">Best Online Video Downloader</h1>
194194
<li class="privacy-menu">
195195
<ul class="Policy">
196196
<li class="privacy-menu">
197-
<a href="" class="mt">Privacy Policy</a>
197+
<a href="./pages/private-policy.html" class="mt">Privacy Policy</a>
198198
</li>
199199
<li class="privacy-menu">
200-
<a href="">Terms of Service</a>
200+
<a href="./pages/terms-of-service.html">Terms of Service</a>
201201
</li>
202202
<li class="privacy-menu">
203-
<a href="">API</a>
203+
<a href="./pages/api-faq.html">API</a>
204204
</li>
205205
</ul>
206206
</li>

‎pages/about-us.html

+86
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,86 @@
1+
<!DOCTYPE html>
2+
<html class="no-js" lang="en">
3+
4+
<head>
5+
<meta charset="utf-8" />
6+
<title>Best Online Video Downloader</title>
7+
<meta name="description" content="Best Online Video Downloader" />
8+
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
9+
<!-- Bootstrap CSS -->
10+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous" />
11+
<link href="https://fonts.googleapis.com/css?family=Inter" rel="stylesheet">
12+
<link href="https://fonts.cdnfonts.com/css/sf-pro-display" rel="stylesheet">
13+
<link rel="stylesheet" href="../css/style.css" />
14+
</head>
15+
16+
<body>
17+
<nav class="navbar navbar-expand-lg navbar-light ">
18+
<div class="container header-top">
19+
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
20+
<span class="navbar-toggler-icon"></span>
21+
</button>
22+
<a class="navbar-brand" href="./index.html">
23+
<img src="../images/camera.png" />
24+
<span>Videos Downloader</span></a>
25+
<div class="collapse navbar-collapse" id="navbarSupportedContent">
26+
<div class="row">
27+
<ul class="navbar-nav mr-auto float-right" style="">
28+
<li class="nav-item active">
29+
<a class="nav-link" href="#">Home</a>
30+
</li>
31+
<li class="nav-item">
32+
<a class="nav-link" href="./about-us.html">About Us</a>
33+
</li>
34+
<li class="nav-item">
35+
<a class="nav-link" href="./api-faq.html">FAQ</a>
36+
</li>
37+
<li class="nav-item">
38+
<a class="pr-0 " href="./contact.html"><img class="btn btn-contact" src="../images/contact.png" /></a>
39+
</li>
40+
</ul>
41+
</div>
42+
</div>
43+
</div>
44+
</nav>
45+
<div class="container pt-5" id="data-content-about">
46+
47+
<h1>About Us</h1>
48+
<p>Videos Downloader is a leading downloader that focuses on free HD video services. You can find massive amount of video &amp; music, and also download content from various websites, including but not limited to Youtube, Facebook, Instagram, Twitter, Tik-Tok. Easy, fast, and small. Videos Downloader is your best choice for video download!</p>
49+
50+
</div>
51+
<div class="footer">
52+
<div class="">
53+
<div class="footer-menu">
54+
<ul>
55+
<li class="copyright">
56+
© 2022 Videos Downloader. Made with by Inhouse
57+
</li>
58+
<li class="privacy-menu">
59+
<ul class="Policy">
60+
<li class="privacy-menu">
61+
<a href="./private-policy.html" class="mt">Privacy Policy</a>
62+
</li>
63+
<li class="privacy-menu">
64+
<a href="./terms-of-service.html">Terms of Service</a>
65+
</li>
66+
<li class="privacy-menu">
67+
<a href="./api-faq.html">API</a>
68+
</li>
69+
</ul>
70+
</li>
71+
<li>
72+
<img src="../images/applestore.png" class="btn-apple" />
73+
<img src="../images/googleplay.png" class="btn-google" />
74+
</li>
75+
</ul>
76+
</div>
77+
</div>
78+
</div>
79+
<!-- Optional JavaScript -->
80+
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
81+
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
82+
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
83+
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
84+
</body>
85+
86+
</html>

‎pages/api-faq.html

+98
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,98 @@
1+
<!DOCTYPE html>
2+
<html class="no-js" lang="en">
3+
4+
<head>
5+
<meta charset="utf-8" />
6+
<title>Best Online Video Downloader</title>
7+
<meta name="description" content="Best Online Video Downloader" />
8+
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
9+
<!-- Bootstrap CSS -->
10+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous" />
11+
<link href="https://fonts.googleapis.com/css?family=Inter" rel="stylesheet">
12+
<link href="https://fonts.cdnfonts.com/css/sf-pro-display" rel="stylesheet">
13+
<link rel="stylesheet" href="../css/style.css" />
14+
</head>
15+
16+
<body>
17+
<nav class="navbar navbar-expand-lg navbar-light ">
18+
<div class="container header-top">
19+
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
20+
<span class="navbar-toggler-icon"></span>
21+
</button>
22+
<a class="navbar-brand" href="./index.html">
23+
<img src="../images/camera.png" />
24+
<span>Videos Downloader</span></a>
25+
<div class="collapse navbar-collapse" id="navbarSupportedContent">
26+
<div class="row">
27+
<ul class="navbar-nav mr-auto float-right" style="">
28+
<li class="nav-item active">
29+
<a class="nav-link" href="#">Home</a>
30+
</li>
31+
<li class="nav-item">
32+
<a class="nav-link" href="./about-us.html">About Us</a>
33+
</li>
34+
<li class="nav-item">
35+
<a class="nav-link" href="./api-faq.html">FAQ</a>
36+
</li>
37+
<li class="nav-item">
38+
<a class="pr-0 " href="./contact.html"><img class="btn btn-contact" src="../images/contact.png" /></a>
39+
</li>
40+
</ul>
41+
</div>
42+
</div>
43+
</div>
44+
</nav>
45+
<div class="container pt-5" id="data-content-about">
46+
47+
<h1>Videos Downloader API</h1>
48+
<p>Videosdownloader.vip API gives an easy and convenient way to get media files from most popular websites and social
49+
media. High success rate and great response time make videosdownloader.vip API the best on the market.</p>
50+
<p>Videosdownloader.vip API support downloads from such websites as:</p>
51+
<ul>
52+
<li>Youtube</li>
53+
<li>Tik-Tok</li>
54+
<li>Instagram</li>
55+
<li>Facebook</li>
56+
<li>Twitter</li>
57+
</ul>
58+
<p>To get access or get more information contact us at <a href="mailto:[email protected]
59+
">[email protected]
60+
</a>
61+
</p>
62+
</div>
63+
<div class="footer">
64+
<div class="">
65+
<div class="footer-menu">
66+
<ul>
67+
<li class="copyright">
68+
© 2022 Videos Downloader. Made with by Inhouse
69+
</li>
70+
<li class="privacy-menu">
71+
<ul class="Policy">
72+
<li class="privacy-menu">
73+
<a href="./private-policy.html" class="mt">Privacy Policy</a>
74+
</li>
75+
<li class="privacy-menu">
76+
<a href="./terms-of-service.html">Terms of Service</a>
77+
</li>
78+
<li class="privacy-menu">
79+
<a href="./api-faq.html">API</a>
80+
</li>
81+
</ul>
82+
</li>
83+
<li>
84+
<img src="../images/applestore.png" class="btn-apple" />
85+
<img src="../images/googleplay.png" class="btn-google" />
86+
</li>
87+
</ul>
88+
</div>
89+
</div>
90+
</div>
91+
<!-- Optional JavaScript -->
92+
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
93+
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
94+
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
95+
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
96+
</body>
97+
98+
</html>

‎pages/contact.html

+89
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,89 @@
1+
<!DOCTYPE html>
2+
<html class="no-js" lang="en">
3+
4+
<head>
5+
<meta charset="utf-8" />
6+
<title>Best Online Video Downloader</title>
7+
<meta name="description" content="Best Online Video Downloader" />
8+
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
9+
<!-- Bootstrap CSS -->
10+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous" />
11+
<link href="https://fonts.googleapis.com/css?family=Inter" rel="stylesheet">
12+
<link href="https://fonts.cdnfonts.com/css/sf-pro-display" rel="stylesheet">
13+
<link rel="stylesheet" href="../css/style.css" />
14+
</head>
15+
16+
<body>
17+
<nav class="navbar navbar-expand-lg navbar-light ">
18+
<div class="container header-top">
19+
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
20+
<span class="navbar-toggler-icon"></span>
21+
</button>
22+
<a class="navbar-brand" href="./index.html">
23+
<img src="../images/camera.png" />
24+
<span>Videos Downloader</span></a>
25+
<div class="collapse navbar-collapse" id="navbarSupportedContent">
26+
<div class="row">
27+
<ul class="navbar-nav mr-auto float-right" style="">
28+
<li class="nav-item active">
29+
<a class="nav-link" href="#">Home</a>
30+
</li>
31+
<li class="nav-item">
32+
<a class="nav-link" href="./about-us.html">About Us</a>
33+
</li>
34+
<li class="nav-item">
35+
<a class="nav-link" href="./api-faq.html">FAQ</a>
36+
</li>
37+
<li class="nav-item">
38+
<a class="pr-0 " href="./contact.html"><img class="btn btn-contact" src="../images/contact.png" /></a>
39+
</li>
40+
</ul>
41+
</div>
42+
</div>
43+
</div>
44+
</nav>
45+
<div class="container pt-5" id="data-content-about">
46+
47+
<h1>Contact US</h1>
48+
<p>If you have any questions, complaints, or claims with respect to the our Services, please send us a message
49+
to: <a href="mailto:[email protected]
50+
">[email protected]
51+
</a></p>
52+
53+
</div>
54+
<div class="footer">
55+
<div class="">
56+
<div class="footer-menu">
57+
<ul>
58+
<li class="copyright">
59+
© 2022 Videos Downloader. Made with by Inhouse
60+
</li>
61+
<li class="privacy-menu">
62+
<ul class="Policy">
63+
<li class="privacy-menu">
64+
<a href="./private-policy.html" class="mt">Privacy Policy</a>
65+
</li>
66+
<li class="privacy-menu">
67+
<a href="./terms-of-service.html">Terms of Service</a>
68+
</li>
69+
<li class="privacy-menu">
70+
<a href="./api-faq.html">API</a>
71+
</li>
72+
</ul>
73+
</li>
74+
<li>
75+
<img src="../images/applestore.png" class="btn-apple" />
76+
<img src="../images/googleplay.png" class="btn-google" />
77+
</li>
78+
</ul>
79+
</div>
80+
</div>
81+
</div>
82+
<!-- Optional JavaScript -->
83+
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
84+
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
85+
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
86+
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
87+
</body>
88+
89+
</html>

0 commit comments

Comments
 (0)