-
Notifications
You must be signed in to change notification settings - Fork 7
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
86c98e4
commit 8773ec5
Showing
11 changed files
with
243 additions
and
0 deletions.
There are no files selected for viewing
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,48 @@ | ||
<!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"> --> | ||
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> | ||
<link rel="stylesheet" href="styles.css"> | ||
<title>Natsuki (Advanced Group Manager Bot)</title> | ||
<link rel="icon" href="favicon.png" type="image/png"> | ||
</head> | ||
<body> | ||
<nav class="navbar"> | ||
<div class="logo"> | ||
<a href="index.html" class="logo">Natsuki</a> | ||
</div> | ||
<ul class="navbar-links"> | ||
<li class="navbar-links-listing"> | ||
<a href="https://t.me/TheNatsukiBot" target="_blank" class="navbar-cntnt">Visit Bot</a> | ||
</li> | ||
<li class="navbar-links-listing"> | ||
<a href="https://t.me/Natsuki_Updates" target="_blank" class="navbar-cntnt">Updates Channel</a> | ||
</li> | ||
<li class="navbar-links-listing"> | ||
<a href="https://t.me/NatsukiSupport_Official" target="_blank" class="navbar-cntnt">Support Group</a> | ||
</li> | ||
<li class="navbar-links-listing"> | ||
<a href="https://t.me/Im_Sadew" target="_blank" class="navbar-cntnt">Developer</a> | ||
</li> | ||
<!-- <a href="https://t.me/NatsukiSupport_Official" target="_blank" class="navbar-cntnt">Support Group</a> --> | ||
</ul> | ||
</nav> | ||
<br><br><br><br> | ||
<p class="abt-tpic"><a href="https://t.me/TheNatsukiBot" target="_blank" class="logo-a"><img src="photo_2021-10-08_12-32-00.jpg" class="logo-big"></a><br>Best Bot to Manage Your Groups<br>Easily and Safely</p> | ||
<div class="add-div"><button class="add"><a href="http://t.me/TheNatsukiBot?startgroup=start" target="_blank" class="add-a"><span>+</span> Add to Your group</a></button></div></a> | ||
<br> | ||
<p class="features">Voice Chat Music Play</p><span class="material-icons" id="icons">headset</span> | ||
<p class="feature-desc">Natsuki allows you to play music in your groups.<br>You may have heard about playing music in voice chats.<br>In another words, VC play.<br> Natsuki bot has this amazing feature.<br><br> Use today!</p> <!--<button class="try"><a href="https://t.me/TheNatsukiBot" class="try">Try it Now</a></button>--> | ||
<p class="features">URL Upload</p><span class="material-icons" id="icons">upload</span> | ||
<p class="feature-desc">If you have no storage on your device,<br> one of the solutions to keep your documents safe is,<br> URL Upload them on Telegram and keep it somewhere<br>you can find quickly. So Natsuki supports this feature too.<br> It can do URL uploads for you. If you have download link,<br> you can upload it through Natsuki.<br><br> Use today!</p> | ||
<p class="features">File to Link</p><span class="material-icons" id="icons">link</span> | ||
<p class="feature-desc">If there's a file you have, but you don't wanna upload it<br>again and again when somebody requests it.<br>Then you can upload it once and get a URL for it.<br>Then you can share the link instead of the file.<br><br> Use today!</p> | ||
<p class="features">YouTube Downloader</p><span class="material-icons" id="icons">download</span> | ||
<p class="feature-desc">So, a YouTube downloader. That's a very useful feature.<br>Even though you can download some videos in YouTube,<br>you can't download each & every video.That's what this<br>module is for.You can download YouTube videos by it's link.<br><br> Use today!</p> | ||
<p class="features">Channel Music Play</p><span class="material-icons" id="icons">music_video</span> | ||
<p class="feature-desc">When coming to channel music play, it's a less common feature<br>among music play bots. But Natsuki allows you to do it.<br>You can play music in your Telegram channel using this module.<br><br> Use today!</p> | ||
</body> | ||
</html> |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,195 @@ | ||
body{ | ||
background-color: black; | ||
} | ||
::-webkit-scrollbar{ | ||
width: 15px; | ||
} | ||
::-webkit-scrollbar-track{ | ||
background-color: rgb(32, 32, 32); | ||
} | ||
::-webkit-scrollbar-thumb{ | ||
background-color: rgb(68, 68, 68); | ||
} | ||
/* ::-webkit-scrollbar-thumb:hover{ | ||
background-color: rgb(87, 87, 87); | ||
} */ | ||
::-webkit-scrollbar-thumb:active{ | ||
background-color: rgb(88, 88, 88); | ||
} | ||
@font-face{ | ||
font-family: HH; | ||
src: url("fonts/hemi\ head\ bd\ it.ttf"); | ||
} | ||
@font-face{ | ||
font-family: SF; | ||
src: url("fonts/Satisfaction.ttf"); | ||
} | ||
@font-face{ | ||
font-family: BB; | ||
src: url("fonts/BOOMBOX.TTF"); | ||
} | ||
@font-face{ | ||
font-family: EO2B; | ||
src: url("fonts/Exo2-Black.ttf"); | ||
} | ||
@font-face{ | ||
font-family: HP; | ||
src: url("fonts/HARRYP__.TTF"); | ||
} | ||
.navbar{ | ||
background-color: rgb(53, 53, 53); | ||
padding:20px; | ||
height:65px; | ||
padding-right: 0%; | ||
padding-left: 0px; | ||
text-align: left; | ||
/* text-align: center; */ | ||
width: 100%; | ||
top: 0px; | ||
left: 0px; | ||
position: fixed; | ||
transition: 1s; | ||
/* height: 85px; */ | ||
/* text-align:right; */ | ||
} | ||
.navbar:hover{ | ||
background-color: rgb(61, 61, 61); | ||
} | ||
.navbar-links-listing{ | ||
padding-left: 10px; | ||
list-style-type: none; | ||
display: inline-block; | ||
} | ||
.navbar-links{ | ||
/* text-align: right; */ | ||
text-align: right; | ||
padding-right: 20px; | ||
} | ||
.navbar-cntnt{ | ||
text-align: right; | ||
border-radius: 5px; | ||
background-color: rgb(138, 138, 138); | ||
color: white; | ||
padding:30px; | ||
padding-top:10px; | ||
padding-bottom:10px ; | ||
text-decoration: none; | ||
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; | ||
} | ||
.navbar-cntnt:active{ | ||
background-color: rgb(107, 107, 107); | ||
} | ||
.logo{ | ||
top: 16px; | ||
list-style-type: none; | ||
padding-bottom: 0%; | ||
position: absolute; | ||
font-size:35px; | ||
color: white; | ||
padding-left: 15px; | ||
text-decoration: none; | ||
font-family:BB; | ||
text-align: left; | ||
} | ||
.abt-tpic{ | ||
color: white; | ||
font-family: HH; | ||
font-size: 35px; | ||
font-weight: bold; | ||
border: solid 3px rgba(255, 255, 255, 0.199); | ||
padding: 8px; | ||
border-radius: 10px; | ||
text-align: center; | ||
} | ||
.add-div{ | ||
text-align: center; | ||
} | ||
.add{ | ||
cursor: pointer; | ||
border: none; | ||
color: white; | ||
font-family: HH; | ||
font-size: 20px; | ||
background-color: rgb(83, 83, 83); | ||
padding: 9px; | ||
padding-right: 15px; | ||
padding-left: 7px; | ||
border-radius: 5px; | ||
border: solid 3px rgb(117, 117, 117); | ||
transition: 0.5s; | ||
/* text-align: center; */ | ||
} | ||
.add-a{ | ||
color:white; | ||
text-decoration: none; | ||
text-align: center; | ||
transition: 0.5s; | ||
} | ||
.add:hover{ | ||
background-color: rgb(68, 67, 67); | ||
border: solid 3px rgb(138, 138, 138); | ||
} | ||
.add-a:hover{ | ||
color: rgb(187, 187, 187); | ||
} | ||
.add span{ | ||
font-size: 23px; | ||
} | ||
.material-icons{ | ||
color: white; | ||
font-size: 30px; | ||
} | ||
#icons{ | ||
font-size: 85px; | ||
color: rgb(255, 255, 255); | ||
padding-bottom: 1px; | ||
position: absolute; | ||
/* transform: translateX(700px); */ | ||
left: 800px; | ||
z-index: -1; | ||
/* transform: translateY(12px); */ | ||
} | ||
.features{ | ||
color: white; | ||
font-size: 25px; | ||
font-family: EO2b; | ||
font-weight:500; | ||
} | ||
.feature-desc{ | ||
font-weight:100; | ||
font-size: 17px; | ||
color: white; | ||
font-family: EO2B; | ||
} | ||
/* .try{ | ||
color: white; | ||
background-color: rgb(122, 122, 122); | ||
border: none; | ||
padding: 8px; | ||
font-size: 18px; | ||
transform: translate(600px,-135px); | ||
text-decoration: none; | ||
font-family: HH; | ||
transition: 0.5s; | ||
} | ||
.try:hover{ | ||
color: rgb(223, 223, 223); | ||
background-color:rgb(95, 95, 95); | ||
} | ||
.try:active{ | ||
color: rgb(206, 206, 206); | ||
background-color:rgb(78, 78, 78); | ||
} */ | ||
.logo-big{ | ||
width: 20%; | ||
} | ||
.logo-a{ | ||
text-align: center; | ||
} | ||
|
||
/*media queries*/ | ||
@media screen and (max-width:748px){ | ||
.abt-tpic{ | ||
font-size: 3500px; | ||
} | ||
} |