Skip to content

Commit

Permalink
Files Added
Browse files Browse the repository at this point in the history
  • Loading branch information
Infroid-Coder authored Oct 21, 2021
1 parent 86c98e4 commit 8773ec5
Show file tree
Hide file tree
Showing 11 changed files with 243 additions and 0 deletions.
Binary file added favicon.png
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 fonts/BOOMBOX.TTF
Binary file not shown.
Binary file added fonts/DragonForcE.ttf
Binary file not shown.
Binary file added fonts/Exo2-Black.ttf
Binary file not shown.
Binary file added fonts/HARRYP__.TTF
Binary file not shown.
Binary file added fonts/Satisfaction.ttf
Binary file not shown.
Binary file added fonts/hemi head bd it.ttf
Binary file not shown.
48 changes: 48 additions & 0 deletions index.html
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>
Binary file added logo.jpg
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 photo_2021-10-08_12-32-00.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
195 changes: 195 additions & 0 deletions styles.css
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;
}
}

0 comments on commit 8773ec5

Please sign in to comment.