XtGem.com

Music player by Directory code.

@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap");

/* Global Styles
================================================== */

*,::before,::after {
box-sizing:border-box;
}

* {
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
-webkit-tap-highlight-color:transparent;
}

/* Setup
================================================== */

.container { position:relative; margin:0 auto; max-width:800px; width:100%; }
.column { width:inherit; }

/* Typography / Links
================================================== */

p { color:#fff; display:block; font-size:.9rem; font-weight:400; margin:0 0 2px; }

a,a:visited { color:#8cc3e6; outline:0; text-decoration:underline; }
a:hover,a:focus { color:#bbdef5; }
p a,p a:visited { line-height:inherit; }

/* Misc.
================================================== */

.add-bottom { margin-bottom:2rem !important; }
.left { float:left; }
.right { float:right; }
.center { text-align:center; }
.hidden { display:none; }

.no-support {
margin:2rem auto;
text-align:center;
width:90%;
}

/* Audio Player Styles
================================================== */

audio {
display:none;
}

#audiowrap,
#plwrap {
margin:0 auto;
}

#tracks {
font-size:0;
position:relative;
text-align:center;
}

#nowPlay {
display:block;
font-size:0;
}

#nowPlay span {
display:inline-block;
font-size:1.05rem;
vertical-align:top;
}

#nowPlay span#npAction {
padding:21px;
width:30%;
}

#nowPlay span#npTitle {
padding:21px;
text-align:right;
width:70%;
}

#plList li {
cursor:pointer;
display:block;
margin:0;
padding:21px 0;
}

#plList li:hover {
background-color:rgba(0, 0, 0, .1);
}

.plItem {
position:relative;
}

.plTitle {
left:50px;
overflow:hidden;
position:absolute;
right:65px;
text-overflow:ellipsis;
top:0;
white-space:nowrap;
}

.plNum {
padding-left:21px;
width:25px;
}

.plLength {
padding-left:21px;
position:absolute;
right:21px;
top:0;
}

.plSel,
.plSel:hover {
background-color:rgba(0, 0, 0, .1);
color:#fff;
cursor:default !important;
}

#tracks a {
border-radius:3px;
color:#fff;
cursor:pointer;
display:inline-block;
font-size:2.3rem;
height:40px;
line-height:.2;
margin:0 5px 30px;
padding:12px;
text-decoration:none;
transition:background .3s ease;
}

#tracks a:hover,
#tracks a:active {
background-color:rgba(0, 0, 0, .1);
color:#fff;
}

#tracks a::-moz-focus-inner {
border:0;
padding:0;
}

/* Plyr Overrides
================================================== */

.plyr--audio .plyr__controls {
background-color:transparent;
border:none;
color:#fff;
font-family:"Source Sans Pro", arial, sans-serif;
padding:20px 20px 20px 13px;
width:100%;
}

a.plyr__controls__item.plyr__control:hover,
.plyr--audio .plyr__controls button:hover,
.plyr--audio .plyr__controls button.tab-focus:focus,
.plyr__play-large {
background-color:rgba(0, 0, 0, .1);
}

.plyr__progress--played,
.plyr__volume--display {
color:rgba(0, 0, 0, .1);
}

.plyr--audio .plyr__progress--buffer,
.plyr--audio .plyr__volume--display {
background-color:rgba(0, 0, 0, .1);
}

.plyr--audio .plyr__progress--buffer {
color:rgba(0, 0, 0, .1);
}

.plyr--full-ui input[type="range"] {
width:calc(100% - 39px);
}

.plyr__controls .plyr__controls__item.plyr__time {
font-size:14px;
margin-left:7px;
}

/* Media Queries
================================================== */

@media only screen and (max-width:600px) {
    #nowPlay span#npAction { display:none; }
    #nowPlay span#npTitle { display:block; text-align:center; width:100%; }
}
</style>

<div class="mcontainer"><div class="container">
    <div class="column add-bottom">
        <div id="mainwrap">
            <div id="nowPlay">
                <span id="npAction">Paused...</span><span id="npTitle"></span>
            </div>
            <div id="audiowrap">
                <div id="audio0">
                    <audio id="audio1" preload controls>Your browser does not support HTML5 Audio! 😢</audio>
                </div>
                <div id="tracks">
                    <a id="btnPrev">Prev</a><a id="btnNext">Next</a>
                </div>
            </div>
            <div id="plwrap">
                <ul id="plList"></ul>
            </div>
        </div>
    </div>
 
</div></div>

  <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/html5media/1.1.8/html5media.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/plyr/3.6.2/plyr.min.js'></script><script  src="./script.js"></script>

jQuery(function ($) {
    'use strict'
    var supportsAudio = !!document.createElement('audio').canPlayType;
    if (supportsAudio) {
        // initialize plyr
        var player = new Plyr('#audio1', {
            controls: [
                'play',
                'progress',
                'current-time',
                'mute',
            ]
        });
        // initialize playlist and controls
        var index = 0,
            playing = false,
            mediaPath = 'https://naasongsdownload.club/2018%20Telugu%20Songs/Taxiwaala-2018/',
            extension = '',
            tracks = [{
                "track": 1,
                "name": "Crazy Car",
                "file": "Crazy Car--Naasongs.me"
            }, {
                "track": 2,
                "name": "Ladies And Gentlemen",
                "file": "Ladies And Gentlemen--Naasongs.me"
            }],
            buildPlaylist = $.each(tracks, function(key, value) {
                var trackNumber = value.track,
                    trackName = value.name,
                    trackDuration = value.duration;
                if (trackNumber.toString().length === 1) {
                    trackNumber = '0' + trackNumber;
                }
                $('#plList').append('<li> \
                    <div class="plItem"> \
                        <span class="plNum">' + trackNumber + '.</span> \
                        <span class="plTitle">' + trackName + '</span> \
                       <span class="plLength">' +  + '</span> \
                    </div> \
                </li>');
            }),
            trackCount = tracks.length,
            npAction = $('#npAction'),
            npTitle = $('#npTitle'),
            audio = $('#audio1').on('play', function () {
                playing = true;
                npAction.text('Now Playing...');
            }).on('pause', function () {
                playing = false;
                npAction.text('Paused...');
            }).on('ended', function () {
                npAction.text('Paused...');
                if ((index + 1) < trackCount) {
                    index++;
                    loadTrack(index);
                    audio.play();
                } else {
                    audio.pause();
                    index = 0;
                    loadTrack(index);
                }
            }).get(0),
            btnPrev = $('#btnPrev').on('click', function () {
                if ((index - 1) > -1) {
                    index--;
                    loadTrack(index);
                    if (playing) {
                        audio.play();
                    }
                } else {
                    audio.pause();
                    index = 0;
                    loadTrack(index);
                }
            }),
            btnNext = $('#btnNext').on('click', function () {
                if ((index + 1) < trackCount) {
                    index++;
                    loadTrack(index);
                    if (playing) {
                        audio.play();
                    }
                } else {
                    audio.pause();
                    index = 0;
                    loadTrack(index);
                }
            }),
            li = $('#plList li').on('click', function () {
                var id = parseInt($(this).index());
                if (id !== index) {
                    playTrack(id);
                }
            }),
            loadTrack = function (id) {
                $('.plSel').removeClass('plSel');
                $('#plList li:eq(' + id + ')').addClass('plSel');
                npTitle.text(tracks[id].name);
                index = id;
                audio.src = mediaPath + tracks[id].file + extension;
                updateDownload(id, audio.src);
            },
            updateDownload = function (id, source) {
                player.on('loadedmetadata', function () {
                    $('a[data-plyr="download"]').attr('href', );
                });
            },
            playTrack = function (id) {
                loadTrack(id);
                audio.play();
            };
        extension = audio.canPlayType('audio/mpeg') ? '.mp3' : audio.canPlayType('audio/ogg') ? '.ogg' : '';
        loadTrack(index);
    } else {
        // no audio support
        $('.column').addClass('hidden');
        var noSupport = $('#audio1').text();
        $('.container').append('<p class="no-support">' + noSupport + '</p>');
    }
});</script>

Basic HTML Codes

Note: Not all codes below can preview the effects/output in mobile browser. ! Some codes are only working in pc view. !

Small Text:
KingofTelugu.Wap.Sh™

Well script come code

Big Text:

KingofTelugu.Wap.Sh

Big Text:
KingofTelugu.Wap.Sh™

Italic Text:
KingofTelugu.Wap.Sh™

Bold Text:
KingofTelugu.Wap.Sh™

Strong Text:
KingofTelugu.Wap.Sh™

Underlined Text:
KingofTelugu.Wap.Sh™

Striked Text:
~~KingofTelugu.Wap.Sh™~~

Blinking Text:
KingofTelugu.Wap.Sh™

Marquee:
KingofTelugu.Wap.Sh™

Marquee + Combined:
KingofTelugu.Wap.Sh™

Colored Text:
KingofTelugu.Wap.Sh™

Linked Text:
KingofTelugu.Wap.Sh™ | Home

Link with image:

Text w/ Background Color:
KingofTelugu.Wap.Sh™

Combined Codes:
~~KingofTelugu.Wap.Sh™~~
<span style="background-color:orange"><big><b><u><font color="black"><s>YOUR TEXT HERE</s></font></u></b></big></span>
Bulleted:
KingofTelugu.Wap.Sh™
<li>YOUR TEXT HERE</li>
Font Size:
KingofTelugu.Wap.Sh™
<font size="30">YOUR TEXT HERE</font>
Text w/ Shadow 1:
KingofTelugu.Wap.Sh™
<span style="text-shadow:gray 0.5mm 0.4mm 0.3mm;color:red"><b>YOUR TEXT HERE</b></span>
Text w/ Shadow 2:
KingofTelugu.Wap.Sh™
<span style="font-weight:130px; text-shadow:gray 0.1em 0.1em 0.1em"><b><font color="gold">YOUR TEXT HERE</font></b></span>
Fieldset:
KingofTelugu.Wap.Sh™Mobile Downloads Paradise. . !
<fieldset class=important><legend><b><font color="lime">YOUR TEXT HERE</font></b></legend><font color="red">YOUR DESCRIPTION HERE</font></fieldset>
Copy Text Box:
KingofTelugu.Wap.Sh™
<textarea>YOUR TEXT HERE</textarea>

by Chandrashekhar

hover me
hover me1
hover me
hover me1

URL

HTML

BB CODE

Yutube Auto Play

If you click on the "Hide" button, I will disappear.

Click to slide the panel down or up

Hello Chandujj

@keyframes blinker {  
    50% { opacity: 0; }
}
        </style>

</div>
                                    <div id="jquery_jplayer_1" class="jp-jplayer"></div>
                                    <div id="jp_container_1" class="jp-audio" role="application" aria-label="media player">
                                        <div class="jp-type-playlist">
                                            <div id="openPlaylist"><a href="#0" class="playlist-toggle"> <span></span> <span></span> <span></span> </a></div>
                                            <div class="jp-gui jp-interface">
                                                <div class="jp-details">
                                                    <div class="inside"> <span class="jp-title" aria-label="title"> </span> <span class="jp-artist" aria-label="artist"> </span> </div>
                                                </div>
                                                <div class="jp-controls">
                                                    <div class="jp-play-wrap">
                                                        <div class="jp-play" role="button">
                                                            <div class="jp-play-front"></div>
                                                            <div class="jp-play-back"> </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="jp-volume-controls">
                                                    <button class="jp-mute" role="button" tabindex="0">mute</button>
                                                    <div class="jp-volume-bar">
                                                        <div class="jp-volume-bar-value"></div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="jp-playlist" id="playlist">
                                                <ul>
                                                    <li> </li>
                                                </ul>
                                            </div>
                                            <div class="jp-no-solution"> <span>Update Required</span> To play the media you will need to either update your browser to a recent version or update your <a href="http://get.adobe.com/flashplayer/" target="_blank">Flash plugin</a>. </div>
                                        </div>
                                    </div> -->
                                    
                                    <script type="text/javascript" src="https://hosted.muses.org/mrp.js"></script>
                                    <script type="text/javascript">
                                        MRP.insert({
                                            'url': 'http://fmout.spicefm.in:8000/spice_b',
                                            'codec': 'mp3',
                                            'volume': 100,
                                            'autoplay': true,
                                            'jsevents': true,
                                            'buffering': 0,
                                            'title': 'Music - 128bit',
                                            'wmode': 'transparent',
                                            'skin': 'faredirfare',
                                            'width': 269,
                                            'height': 52
                                        });
                                    </script>
                                </div>

Sudok game 9x9

@media(min-width: 30em){
				.wrap{
					width: 490px;
				}
				.sudoku-board input {
					font-size: 24px;
					font-size: 1.5rem;
				}
				.sudoku-board .candidates {
					font-size: .8em;
				}
			}
		</style>

<div class="wrap">
		
		
		<label for="toggleCandidates">Show candidates  </label><input id="toggleCandidates" class="js-candidate-toggle" type="checkbox"/>
		
		New:
		<button type="button" class="js-generate-board-btn--easy">Easy</button>
		<button type="button" class="js-generate-board-btn--medium">Medium</button>
		<button type="button" class="js-generate-board-btn--hard">Hard</button>
		<button type="button" class="js-generate-board-btn--very-hard">Very Hard</button>

<div id="sudoku" class="sudoku-board">
		</div>

Solve: <button type="button" class="js-solve-step-btn">One Step</button><button type="button" class="js-solve-all-btn">All</button>
		<br>
		
		Clear: <button type="button" class="js-clear-board-btn">Board</button>
	</div>

$solveStepBtn = $(".js-solve-step-btn"),
			$solveAllBtn = $(".js-solve-all-btn"),
			$clearBoardBtn = $(".js-clear-board-btn"),

mySudokuJS = $("#sudoku").sudokuJS({
				difficulty: "very hard"
				//change state of our candidate showing checkbox on change in sudokuJS
				,candidateShowToggleFn : function(showing){
					$candidateToggle.prop("checked", showing);
				}
			});

$solveStepBtn.on("click", mySudokuJS.solveStep);
		$solveAllBtn.on("click", mySudokuJS.solveAll);
		$clearBoardBtn.on("click", mySudokuJS.clearBoard);

$generateBoardBtnEasy.on("click", function(){
			mySudokuJS.generateBoard("easy");
		});
		$generateBoardBtnMedium.on("click", function(){
			mySudokuJS.generateBoard("medium");
		});
		$generateBoardBtnHard.on("click", function(){
			mySudokuJS.generateBoard("hard");
		});
		$generateBoardBtnVeryHard.on("click", function(){
			mySudokuJS.generateBoard("very hard");
		});

$candidateToggle.on("change", function(){
			if($candidateToggle.is(":checked"))
				mySudokuJS.showCandidates();
			else
				mySudokuJS.hideCandidates();
		});
		$candidateToggle.trigger("change");
	</script>

Tabs massage

<section class="tabs-frame">
  
  <article class="tab">
    <input type="radio" id="tab_1" class="radio" name="tab_group_1" />
    <label for="tab_1" class="tab-button"></label>
    <section id="tab_frame_1" class="tab-frame">
      <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.</p>
    </section>
  </article>
  
  <article class="tab">
    <input type="radio" id="tab_2" class="radio" name="tab_group_1" />
    <label for="tab_2" class="tab-button"></label>
    <section id="tab_frame_2" class="tab-frame">
      <p>In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.</p>
    </section>
  </article>
  
  <article class="tab">
    <input type="radio" id="tab_3" class="radio" name="tab_group_1" checked />
    <label for="tab_3" class="tab-button"></label>
    <section id="tab_frame_3" class="tab-frame">
      <p>Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,</p>
    </section>
  </article>
  
  <article class="tab">
    <input type="radio" id="tab_4" class="radio" name="tab_group_1" />
    <label for="tab_4" class="tab-button"></label>
    <section id="tab_frame_4" class="tab-frame">
      <p>Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.</p>
      <p>Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien.</p>
    </section>
  </article>
  
  <article class="tab">
    <input type="radio" id="tab_5" class="radio" name="tab_group_1" />
    <label for="tab_5" class="tab-button"></label>
    <section id="tab_frame_5" class="tab-frame">
      <p>Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.</p>
    </section>
  </article>
</section>
  <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>

Table Header 1	Table Header 2	Table Header 3
Input 1 under header 1	Input 1 under header 2	Input 1 under header 3
Input 2 under header 1	Input 2 under header 2	Input 2 under header 3
Input 3 under header 1	Input 3 under header 2	Input 3 under header 3

Best File list code

<center><table width='100%'><tr><td width='25%' class='list_holder' align='center'><img src='/3dfile/audio/scriptmarch.js' width='100%' height='%'></td><td width='75%'height='30%' align='left' class='list_holder'><img src='http://weezywap.xtgem.com/images/rating.gif'/><br/><b>Name: </b><b style='color:blue'>scriptmarch.js</b><br/><b>File Size: </b><b style='color:green'>8.97KB</b><br/><b>•   </b><a href="/3dfile/audio/scriptmarch.js?__xt_download=1"><b style='color:red'>Download Now!</b></a><div class="a2a_kit a2a_kit_size_32 a2a_default_style" data-a2a-title="/3dfile/audio/scriptmarch.js"> <a class="a2a_button_whatsapp"></a> <a class="a2a_button_facebook"></a> <a class="a2a_button_twitter"></a> <a class="a2a_button_google_gmail"></a> <a class="a2a_button_copy_link"></a> </div><br><audio src="/3dfile/audio/scriptmarch.js?__xt_download=1" controls><p></p> </audio></td></tr></table><table width='100%'><tr><td width='25%' class='list_holder' align='center'><img src='/3dfile/audio/stylemarch.css' width='100%' height='%'></td><td width='75%'height='30%' align='left' class='list_holder'><img src='http://weezywap.xtgem.com/images/rating.gif'/><br/><b>Name: </b><b style='color:blue'>stylemarch.css</b><br/><b>File Size: </b><b style='color:green'>3.42KB</b><br/><b>•   </b><a href="/3dfile/audio/stylemarch.css?__xt_download=1"><b style='color:red'>Download Now!</b></a><div class="a2a_kit a2a_kit_size_32 a2a_default_style" data-a2a-title="/3dfile/audio/stylemarch.css"> <a class="a2a_button_whatsapp"></a> <a class="a2a_button_facebook"></a> <a class="a2a_button_twitter"></a> <a class="a2a_button_google_gmail"></a> <a class="a2a_button_copy_link"></a> </div><br><audio src="/3dfile/audio/stylemarch.css?__xt_download=1" controls><p></p> </audio></td></tr></table><table width='100%'><tr><td width='25%' class='list_holder' align='center'><img src='/3dfile/audio/That-Girl-Olly-Murs-MV-LYRICS-Tiktok_MAjtMkvgiVc.mp3' width='100%' height='%'></td><td width='75%'height='30%' align='left' class='list_holder'><img src='http://weezywap.xtgem.com/images/rating.gif'/><br/><b>Name: </b><b style='color:blue'>That-Girl-Olly-Murs-MV-LYRICS-Tiktok MAjtMkvgiVc.mp3</b><br/><b>File Size: </b><b style='color:green'>2.77MB</b><br/><b>•   </b><a href="/3dfile/audio/That-Girl-Olly-Murs-MV-LYRICS-Tiktok_MAjtMkvgiVc.mp3?__xt_download=1"><b style='color:red'>Download Now!</b></a><div class="a2a_kit a2a_kit_size_32 a2a_default_style" data-a2a-title="/3dfile/audio/That-Girl-Olly-Murs-MV-LYRICS-Tiktok_MAjtMkvgiVc.mp3"> <a class="a2a_button_whatsapp"></a> <a class="a2a_button_facebook"></a> <a class="a2a_button_twitter"></a> <a class="a2a_button_google_gmail"></a> <a class="a2a_button_copy_link"></a> </div><br><audio src="/3dfile/audio/That-Girl-Olly-Murs-MV-LYRICS-Tiktok_MAjtMkvgiVc.mp3?__xt_download=1" controls><p></p> </audio></td></tr></table><table width='100%'><tr><td width='25%' class='list_holder' align='center'><img src='/3dfile/audio/gnash+-+i+miss+u+lyrics.mp3' width='100%' height='%'></td><td width='75%'height='30%' align='left' class='list_holder'><img src='http://weezywap.xtgem.com/images/rating.gif'/><br/><b>Name: </b><b style='color:blue'>gnash - i miss u lyrics.mp3</b><br/><b>File Size: </b><b style='color:green'>4.3MB</b><br/><b>•   </b><a href="/3dfile/audio/gnash+-+i+miss+u+lyrics.mp3?__xt_download=1"><b style='color:red'>Download Now!</b></a><div class="a2a_kit a2a_kit_size_32 a2a_default_style" data-a2a-title="/3dfile/audio/gnash+-+i+miss+u+lyrics.mp3"> <a class="a2a_button_whatsapp"></a> <a class="a2a_button_facebook"></a> <a class="a2a_button_twitter"></a> <a class="a2a_button_google_gmail"></a> <a class="a2a_button_copy_link"></a> </div><br><audio src="/3dfile/audio/gnash+-+i+miss+u+lyrics.mp3?__xt_download=1" controls><p></p> </audio></td></tr></table><table width='100%'><tr><td width='25%' class='list_holder' align='center'><img src='/3dfile/audio/save.php' width='100%' height='%'></td><td width='75%'height='30%' align='left' class='list_holder'><img src='http://weezywap.xtgem.com/images/rating.gif'/><br/><b>Name: </b><b style='color:blue'>save.php</b><br/><b>File Size: </b><b style='color:green'>4MB</b><br/><b>•   </b><a href="/3dfile/audio/save.php?__xt_download=1"><b style='color:red'>Download Now!</b></a><div class="a2a_kit a2a_kit_size_32 a2a_default_style" data-a2a-title="/3dfile/audio/save.php"> <a class="a2a_button_whatsapp"></a> <a class="a2a_button_facebook"></a> <a class="a2a_button_twitter"></a> <a class="a2a_button_google_gmail"></a> <a class="a2a_button_copy_link"></a> </div><br><audio src="/3dfile/audio/save.php?__xt_download=1" controls><p></p> </audio></td></tr></table><table width='100%'><tr><td width='25%' class='list_holder' align='center'><img src='/3dfile/audio/Vastavaa-SenSongsMp3.Co.mp3' width='100%' height='%'></td><td width='75%'height='30%' align='left' class='list_holder'><img src='http://weezywap.xtgem.com/images/rating.gif'/><br/><b>Name: </b><b style='color:blue'>Vastavaa-SenSongsMp3.Co.mp3</b><br/><b>File Size: </b><b style='color:green'>3.91MB</b><br/><b>•   </b><a href="/3dfile/audio/Vastavaa-SenSongsMp3.Co.mp3?__xt_download=1"><b style='color:red'>Download Now!</b></a><div class="a2a_kit a2a_kit_size_32 a2a_default_style" data-a2a-title="/3dfile/audio/Vastavaa-SenSongsMp3.Co.mp3"> <a class="a2a_button_whatsapp"></a> <a class="a2a_button_facebook"></a> <a class="a2a_button_twitter"></a> <a class="a2a_button_google_gmail"></a> <a class="a2a_button_copy_link"></a> </div><br><audio src="/3dfile/audio/Vastavaa-SenSongsMp3.Co.mp3?__xt_download=1" controls><p></p> </audio></td></tr></table><table width='100%'><tr><td width='25%' class='list_holder' align='center'><img src='/3dfile/audio/Jum+Jum+Maya-SenSongsMp3.Co.mp3' width='100%' height='%'></td><td width='75%'height='30%' align='left' class='list_holder'><img src='http://weezywap.xtgem.com/images/rating.gif'/><br/><b>Name: </b><b style='color:blue'>Jum Jum Maya-SenSongsMp3.Co.mp3</b><br/><b>File Size: </b><b style='color:green'>4.37MB</b><br/><b>•   </b><a href="/3dfile/audio/Jum+Jum+Maya-SenSongsMp3.Co.mp3?__xt_download=1"><b style='color:red'>Download Now!</b></a><div class="a2a_kit a2a_kit_size_32 a2a_default_style" data-a2a-title="/3dfile/audio/Jum+Jum+Maya-SenSongsMp3.Co.mp3"> <a class="a2a_button_whatsapp"></a> <a class="a2a_button_facebook"></a> <a class="a2a_button_twitter"></a> <a class="a2a_button_google_gmail"></a> <a class="a2a_button_copy_link"></a> </div><br><audio src="/3dfile/audio/Jum+Jum+Maya-SenSongsMp3.Co.mp3?__xt_download=1" controls><p></p> </audio></td></tr></table><table width='100%'><tr><td width='25%' class='list_holder' align='center'><img src='/3dfile/audio/Dammare+Damma-SenSongsMp3.Co.mp3' width='100%' height='%'></td><td width='75%'height='30%' align='left' class='list_holder'><img src='http://weezywap.xtgem.com/images/rating.gif'/><br/><b>Name: </b><b style='color:blue'>Dammare Damma-SenSongsMp3.Co.mp3</b><br/><b>File Size: </b><b style='color:green'>3.86MB</b><br/><b>•   </b><a href="/3dfile/audio/Dammare+Damma-SenSongsMp3.Co.mp3?__xt_download=1"><b style='color:red'>Download Now!</b></a><div class="a2a_kit a2a_kit_size_32 a2a_default_style" data-a2a-title="/3dfile/audio/Dammare+Damma-SenSongsMp3.Co.mp3"> <a class="a2a_button_whatsapp"></a> <a class="a2a_button_facebook"></a> <a class="a2a_button_twitter"></a> <a class="a2a_button_google_gmail"></a> <a class="a2a_button_copy_link"></a> </div><br><audio src="/3dfile/audio/Dammare+Damma-SenSongsMp3.Co.mp3?__xt_download=1" controls><p></p> </audio></td></tr></table><table width='100%'><tr><td width='25%' class='list_holder' align='center'><img src='/3dfile/audio/Collagee+Papala-SenSongsMp3.Co.mp3' width='100%' height='%'></td><td width='75%'height='30%' align='left' class='list_holder'><img src='http://weezywap.xtgem.com/images/rating.gif'/><br/><b>Name: </b><b style='color:blue'>Collagee Papala-SenSongsMp3.Co.mp3</b><br/><b>File Size: </b><b style='color:green'>4.82MB</b><br/><b>•   </b><a href="/3dfile/audio/Collagee+Papala-SenSongsMp3.Co.mp3?__xt_download=1"><b style='color:red'>Download Now!</b></a><div class="a2a_kit a2a_kit_size_32 a2a_default_style" data-a2a-title="/3dfile/audio/Collagee+Papala-SenSongsMp3.Co.mp3"> <a class="a2a_button_whatsapp"></a> <a class="a2a_button_facebook"></a> <a class="a2a_button_twitter"></a> <a class="a2a_button_google_gmail"></a> <a class="a2a_button_copy_link"></a> </div><br><audio src="/3dfile/audio/Collagee+Papala-SenSongsMp3.Co.mp3?__xt_download=1" controls><p></p> </audio></td></tr></table><table width='100%'><tr><td width='25%' class='list_holder' align='center'><img src='/3dfile/audio/Nuvvante+Pranamani++-+SenSongsMp3.Co.mp3' width='100%' height='%'></td><td width='75%'height='30%' align='left' class='list_holder'><img src='http://weezywap.xtgem.com/images/rating.gif'/><br/><b>Name: </b><b style='color:blue'>Nuvvante Pranamani  - SenSongsMp3.Co.mp3</b><br/><b>File Size: </b><b style='color:green'>3.85MB</b><br/><b>•   </b><a href="/3dfile/audio/Nuvvante+Pranamani++-+SenSongsMp3.Co.mp3?__xt_download=1"><b style='color:red'>Download Now!</b></a><div class="a2a_kit a2a_kit_size_32 a2a_default_style" data-a2a-title="/3dfile/audio/Nuvvante+Pranamani++-+SenSongsMp3.Co.mp3"> <a class="a2a_button_whatsapp"></a> <a class="a2a_button_facebook"></a> <a class="a2a_button_twitter"></a> <a class="a2a_button_google_gmail"></a> <a class="a2a_button_copy_link"></a> </div><br><audio src="/3dfile/audio/Nuvvante+Pranamani++-+SenSongsMp3.Co.mp3?__xt_download=1" controls><p></p> </audio></td></tr></table><div class="filelist_paging"><span>1</span><a href="http://kingoftelugu.wap.sh/basichtmlcode?__filelist_page=2">2</a><a href="http://kingoftelugu.wap.sh/basichtmlcode?__filelist_page=2">»</a></div>

Total Files:(18)

item_meta

item img

item_title

item_holder

item

Radio code 01

main {
  display: block;
  box-sizing: border-box;
  width: 90%;
  margin: 1em auto;
  padding: 1em 2em;
  color: #000;
  background-color: rgba(204, 204, 204, .7);
  border: .07em solid rgba(0, 0, 0, .5);
  border-radius: .5em;
}

.caption {
  font: caption;
}

.icon {
  font: icon;
}

.menu {
  font: menu;
}

.message-box {
  font: message-box;
}

.small-caption {
  font: small-caption;
}

.status-bar {
  font: status-bar;
}
   </style>

<main>
<p id="Rtry1"></p>
<h3><marquee> <p id="Rtry"></p> Now You turned 📻 Telugu Radio Mirchi 98.3 Hyd Live 🎶  🎶 🎶🎶</marquee></h3>
    
<center>
<style>
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700');
html, body{
  background: #fff;
  width: 100%;
  height: 100%;
  position: relative;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}
.audio-container{
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
}
.audiosvg-container{
	position: relative;
}
.play-text{
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  font-size: 35px;
	font-family: 'Montserrat', sans-serif;
  letter-spacing: 1px;
/*   text-transform: uppercase; */
  color: #1A478C;
  opacity: 0;
  visibility: hidden;
}
.pause-text{
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  font-size: 35px;
	font-family: 'Montserrat', sans-serif;
  letter-spacing: 1px;
/*   text-transform: uppercase; */
  color: #486CA3;
  opacity: 0;
  visibility: hidden;
}
.active-box{
	width: 40%;
  max-width: 350px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	display: none;
}
.audiosvg{
	width: 40%;
	max-width: 300px;
  max-height: 50vh;
  margin: auto;
  display: block;
}
#hover-circle .st4{
	transition: all 0.25s;
}
#ripple-circle circle{
	opacity: 0.5;
}
.audio-overlay{
	width: 100%;
	height: 100%;
	position: relative;
	background-color: #fff;
	z-index: 100;
	bottom: 0;
}
@media screen and (max-width: 768px) {
	.js-video {
		border: none;
	}
	.slideshow ul li {
	    padding: 0;
	}
	.info-container p {
	    text-align: center;
	}
	.video-container{
		padding: 20px 20px 8vh 20px;
	}
	.audio-container{
		padding: 8vh 20px 20px 20px;
	}
}
@media screen and (max-width: 480px) {
	.circle {
	    width: 4px;
	    height: 4px;
	    margin: 2px 4px;
	}
	#videosvg, .audiosvg {
	    width: 66%;
	}
	.dialog__content {
		width: 80% !important;
	    padding: 10px !important;
	}
	.dialog__content button {
	    border-radius: 0 !important;
	    height: 30px !important;
	}
	.qingli-logo {
	    width: 36px;
	    height: 36px;
	    top: 15px;
	    right: -10px;
	}
}
</style>

<div class="audiosvg-container">
<h1 class="play-text">play</h1>
<h1 class="pause-text">pause</h1>
<div class="active-box" onclick="pauseAudio()"></div>
<svg class="audiosvg" onclick="playAudio()" viewBox="0 0 250 250" style="enable-background:new 0 0 250 250;" xml:space="preserve">
<style type="text/css">
								.st0{fill:none;stroke:#486CA3;stroke-width:5.6943;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
										.st1{fill:#7691BA;}
										.st2{fill:none;stroke:#1A478C;stroke-width:5.8983;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
										.st3{fill:#1A478C;}
										.st4{fill:#486CA3;}
										.st5{fill:none;stroke:#1A478C;stroke-width:7.5924;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
										.st6{fill:#FFFFFF;}
										.st7{fill:none;stroke:#7691BA;stroke-width:13.2866;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
										.st8{fill:none;stroke:#486CA3;stroke-width:4.4082;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
										.st9{fill:none;stroke:#fff;stroke-width:0.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
									</style>
<g>
<g>
<path class="st1" d="M72.5,38.6c0-0.1,0.1-0.1,0.1-0.2c0.1-0.1,0.1-0.2,0.2-0.2c0.1-0.1,0.2-0.1,0.3-0.2c0.1,0,0.2-0.1,0.3-0.1
													h4.6c0.2,0,0.4,0.1,0.5,0.2c0.1,0.1,0.3,0.2,0.3,0.3l0.5,1l9.5,24.4c0.1,0.2,0.1,0.4-0.1,0.6c-0.1,0.2-0.4,0.2-0.7,0.2h-5.2
													c-0.3,0-0.5-0.1-0.6-0.2c-0.2-0.1-0.3-0.3-0.4-0.5c-0.2-0.6-0.5-1.2-0.7-1.8c-0.2-0.6-0.5-1.2-0.7-1.8H71
													c-0.2,0.6-0.5,1.2-0.7,1.8c-0.2,0.6-0.5,1.2-0.7,1.8c-0.2,0.4-0.5,0.7-0.9,0.7h-5.3c-0.2,0-0.4-0.1-0.6-0.2
													c-0.2-0.1-0.2-0.3-0.1-0.5L72.5,38.6z M75.8,46.3c-0.2,0.6-0.5,1.3-0.7,2c-0.2,0.7-0.5,1.4-0.7,2.1c-0.2,0.7-0.5,1.4-0.7,2.1
													c-0.2,0.7-0.5,1.4-0.7,2h5.5L75.8,46.3z"/>
<path class="st1" d="M99.3,54c0,0.9,0.1,1.6,0.4,2.3c0.2,0.6,0.6,1.1,1,1.5c0.4,0.4,0.9,0.7,1.4,0.9s1.1,0.3,1.7,0.3
													c0.6,0,1.2-0.1,1.7-0.3c0.5-0.2,1-0.5,1.4-0.9c0.4-0.4,0.7-0.9,1-1.5s0.4-1.3,0.4-2.1V38.7c0-0.2,0.1-0.4,0.2-0.6
													c0.1-0.2,0.4-0.2,0.6-0.2h5.3c0.3,0,0.5,0.1,0.6,0.2c0.2,0.2,0.2,0.3,0.2,0.5v15.2c0,2.1-0.3,3.9-0.9,5.3
													c-0.6,1.4-1.4,2.6-2.5,3.4c-1,0.9-2.3,1.5-3.6,1.9s-2.8,0.6-4.3,0.6c-1.5,0-3-0.2-4.3-0.6c-1.4-0.4-2.6-1-3.6-1.9
													c-1-0.9-1.9-2-2.5-3.5c-0.6-1.4-0.9-3.2-0.9-5.2V38.7c0-0.2,0.1-0.4,0.2-0.5c0.1-0.2,0.3-0.2,0.5-0.2h5.4c0.2,0,0.4,0.1,0.6,0.2
													c0.2,0.2,0.3,0.3,0.3,0.6V54z"/>
<path class="st1" d="M143.5,51.3c0,1.3-0.2,2.5-0.5,3.6c-0.3,1.1-0.8,2.2-1.4,3.2c-0.6,1-1.3,1.9-2.2,2.7
													c-0.8,0.8-1.8,1.5-2.8,2.1c-1,0.6-2.1,1-3.3,1.3c-1.2,0.3-2.4,0.5-3.7,0.5h-8.9c-0.2,0-0.4,0-0.6-0.1c-0.2-0.1-0.3-0.3-0.3-0.6
													V38.7c0-0.3,0.1-0.5,0.2-0.6c0.1-0.2,0.3-0.2,0.6-0.2h8.9c1.3,0,2.5,0.2,3.6,0.5s2.3,0.8,3.3,1.3c1,0.6,1.9,1.3,2.8,2.1
													c0.8,0.8,1.6,1.7,2.2,2.7c0.6,1,1.1,2.1,1.4,3.2S143.5,50,143.5,51.3z M127,44.3v13.8h1.5c0.3,0,0.5,0,0.8,0c0.3,0,0.5,0,0.8-0.1
													c0.9-0.1,1.7-0.3,2.5-0.7s1.5-0.8,2-1.4c0.6-0.6,1-1.3,1.4-2.1c0.3-0.8,0.5-1.7,0.5-2.6c0-1-0.2-1.9-0.6-2.8
													c-0.4-0.8-0.9-1.6-1.5-2.2c-0.6-0.6-1.4-1.1-2.3-1.4c-0.9-0.3-1.8-0.5-2.8-0.5H127z"/>
<path class="st1" d="M148.2,38.7c0-0.2,0.1-0.4,0.2-0.6c0.1-0.2,0.3-0.2,0.6-0.2h5.3c0.2,0,0.4,0.1,0.6,0.2s0.3,0.3,0.3,0.6v25.1
													c0,0.5-0.3,0.8-0.9,0.8H149c-0.5,0-0.8-0.3-0.8-0.8V38.7z"/>
<path class="st1" d="M159.8,51.3c0-1.3,0.2-2.5,0.5-3.7s0.8-2.3,1.4-3.3s1.3-2,2.2-2.8c0.8-0.8,1.8-1.6,2.8-2.2
													c1-0.6,2.1-1.1,3.3-1.4s2.4-0.5,3.7-0.5c1.3,0,2.5,0.2,3.7,0.5s2.3,0.8,3.3,1.4c1,0.6,2,1.3,2.8,2.2c0.8,0.8,1.6,1.8,2.2,2.8
													c0.6,1,1.1,2.1,1.4,3.3s0.5,2.4,0.5,3.7s-0.2,2.5-0.5,3.7c-0.3,1.2-0.8,2.3-1.4,3.3c-0.6,1-1.3,1.9-2.2,2.8
													c-0.8,0.8-1.8,1.6-2.8,2.2c-1,0.6-2.1,1.1-3.3,1.4c-1.2,0.3-2.4,0.5-3.7,0.5c-1.3,0-2.5-0.2-3.7-0.5c-1.2-0.3-2.3-0.8-3.3-1.4
													c-1-0.6-1.9-1.3-2.8-2.2s-1.6-1.8-2.2-2.8s-1.1-2.1-1.4-3.3C159.9,53.8,159.8,52.5,159.8,51.3z M166.7,51.3c0,1,0.2,1.9,0.5,2.8
													c0.3,0.9,0.8,1.6,1.4,2.3c0.6,0.6,1.3,1.1,2.1,1.5c0.8,0.4,1.7,0.5,2.7,0.5c1,0,1.9-0.2,2.7-0.5s1.6-0.9,2.2-1.5
													c0.6-0.6,1.1-1.4,1.4-2.3c0.3-0.9,0.5-1.8,0.5-2.8c0-1-0.2-1.9-0.5-2.8c-0.3-0.9-0.8-1.6-1.4-2.3c-0.6-0.6-1.3-1.2-2.2-1.5
													s-1.7-0.6-2.7-0.6c-1,0-1.9,0.2-2.7,0.6c-0.8,0.4-1.5,0.9-2.1,1.5c-0.6,0.6-1.1,1.4-1.4,2.3C166.9,49.3,166.7,50.3,166.7,51.3z"/>
</g>
<g>
<g id="svg-audio">
<circle class="st5" cx="125.5" cy="154" r="66.3"/>
<path class="st3" d="M64.3,179.5c5.1,12.2,13.7,22.6,24.6,29.8l36.6-55.2L64.3,179.5z"/>
<polygon class="st3" points="181.4,118.5 170.8,106.4 125.5,154 			"/>
<g>
<g id="hover-circle">
<circle class="st4" cx="125.5" cy="154" r="24.7"/>
</g>
<g id="ripple-circle">
<circle class="st9" cx="125.5" cy="154" r="9.6"/>
<circle class="st9" cx="125.5" cy="154" r="9.6"/>
<circle class="st9" cx="125.5" cy="154" r="9.6"/>
</g>
<circle class="st3" cx="125.5" cy="154" r="9.6"/>
</g>
</g>
<path class="st2" d="M202.8,128.2H214c3.8,0,6.8-2.4,6.8-5.4V18.7c0-3-3.1-5.4-6.8-5.4H36c-3.8,0-6.8,2.4-6.8,5.4v104.1
													c0,3,3.1,5.4,6.8,5.4h13.1"/>
<path class="st7" d="M160,196.7l12.2,16.5c2.5,3.3,6.4,6.3,11.6,7.4"/>
<circle class="st8" cx="203.1" cy="224.6" r="9.9"/>
<g>
<g>
<circle class="st1" cx="189" cy="82.3" r="4.4"/>
<circle class="st4" cx="189" cy="98.1" r="4.4"/>
</g>
</g>
<path class="st4" d="M169.5,197.3c1.9,2.5,1.5,6-1,8l-2.2,1.7c-2.5,1.9-6,1.5-8-1l-7.3-9.4c-1.9-2.5-1.5-6,1-8l2.2-1.7
													c2.5-1.9,6-1.5,8,1L169.5,197.3z"/>
<path class="st8" d="M160,196.7l12.2,16.5c2.5,3.3,6.4,6.3,11.6,7.4c6.1,1.2,19.2,3.8,19.2,3.8"/>
</g>
<g id="svg-line">
<line class="st0" x1="162.7" y1="236.7" x2="87.3" y2="236.7"/>
</g>
</g>
</svg>
</div>

$('.audiosvg').hover(function(){
	hoverCircle = $(this).find('#hover-circle .st4')
	$(hoverCircle).css({'fill': '#7691BA'});
  TweenMax.to('.play-text', 0.35, {autoAlpha: 1, y:-70, transformOrigin:'50% 50%', ease:Back.easeOut});
}, function(){
	$(hoverCircle).css({'fill': '#486CA3'});
  TweenMax.to('.play-text', 0.35, {autoAlpha: 0, y:0, transformOrigin:'50% 50%', ease:Back.easeIn});
});

$('.audiosvg').click(function(){
	var spinDisc = $(this).find('#svg-audio');
	var rippleCircle = $(this).find('#ripple-circle circle');
	var activeBox = $(this).prev();
	TweenMax.set(spinDisc, {rotation:0, transformOrigin:'50% 50%'});
	TweenMax.to(spinDisc, 2, {rotation:360, transformOrigin:'50% 50%',repeat:-1,ease:Linear.easeNone});
	TweenMax.staggerTo(rippleCircle, 2.1, {scale:20, transformOrigin:'50% 50%', autoAlpha: 0, repeat:-1, ease:Linear.easeNone},0.7);
	$(activeBox).show();
  TweenMax.set('.play-text', {autoAlpha: 0, y:0, transformOrigin:'50% 50%'});
  TweenMax.set('.pause-text', {autoAlpha: 0, y:0, transformOrigin:'50% 50%'});
});

$('.active-box').click(function(){
	$(this).hide();
	TweenMax.killTweensOf($(this).next().find('#svg-audio'));
	TweenMax.killTweensOf($(this).next().find('#ripple-circle circle'));
	TweenMax.set('#ripple-circle circle', {scale:0.5, transformOrigin:'50% 50%'});
  TweenMax.set('.play-text', {autoAlpha: 0, y:0, transformOrigin:'50% 50%'});
  TweenMax.set('.pause-text', {autoAlpha: 0, y:0, transformOrigin:'50% 50%'});
});

$('.active-box').hover(function(){
	hoverCircle = $(this).parent().find('#hover-circle .st4')
	$(hoverCircle).css({'fill': '#7691BA'});
  TweenMax.to('.pause-text', 0.35, {autoAlpha: 1, y:-70, transformOrigin:'50% 50%', ease:Back.easeOut});
}, function(){
	$(hoverCircle).css({'fill': '#486CA3'});
  TweenMax.to('.pause-text', 0.35, {autoAlpha: 0, y:0, transformOrigin:'50% 50%', ease:Back.easeIn});
});

var audioMp3 = new Audio();
audioMp3.src = 'https://mirchihyderabad-lh.akamaihd.net/i/Mirchi_Hyderabad@693055/index_1_a-p.m3u8';

function playAudio(){
	audioMp3.play();
}

function pauseAudio(){
	audioMp3.pause();
}

$('.circles').click(function(){
	TweenMax.to('.socialmedia-overlay', 1, {css:{'top':0},ease:Bounce.easeOut});
	TweenMax.to('.fa-angle-up', 0.5, {autoAlpha: 1, ease:Power2.easeOut,delay:1});
	TweenMax.staggerFrom('.socialmedia-content div', 0.5, {scale:0.1, transformOrigin:'50% 50%', autoAlpha: 0, ease:Back.easeOut, delay:0.75},0.5);

})
$('.fa-angle-up').click(function(){
	TweenMax.to('.socialmedia-overlay', 0.5, {css:{'top':'-100%'},ease:Power2.easeInOut});
	TweenMax.to(this, 0.5, {autoAlpha: 0, ease:Power2.easeOut});
})</script></center>

</br>

Radio code 02

.caption {
  font: caption;
}

.icon {
  font: icon;
}

.menu {
  font: menu;
}

.message-box {
  font: message-box;
}

.small-caption {
  font: small-caption;
}

.status-bar {
  font: status-bar;
}
   </style>

<main>
<p id="Rtry1"></p>
<h3><marquee> <p id="Rtry"></p> Now You turned 📻 English 938 Now Radio Live 🎶  🎶 🎶🎶</marquee></h3>
    
<center>
<script type="text/javascript">
MRP.insert({
'url':'https://playerservices.streamtheworld.com/api/livestream-redirect/938NOWAAC.aac',
'codec':'mp3',
'volume':100,
'autoplay':false,
'jsevents':true,
'buffering':0,
'title':'Conecta2',
'wmode':'transparent',
'skin':'alberto',
'width':250,
'height':95
});
</script></center>

</br>

w3-card

w3-card-2

w3-card-4

Working slide text

<title>Simplest Infinite Slider</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">

.slide {
  width: 100%;
  height: 100%;
  position: absolute;
  transition: 0.6s ease;
  -webkit-transform: translate(-100%, 0);
          transform: translate(-100%, 0);
}
.slide.active {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.slide.active ~ .slide {
  -webkit-transform: translate(100%, 0);
          transform: translate(100%, 0);
}

* {
  box-sizing: border-box;
}

body {
  text-align: center;
}

.slide {
  text-align: left;
  background: #d5f4e6;
  color: black;
  border: 10px solid skyblue;
  padding: 30px;
}

button {
  margin-top: 20px;
  border: none;
  border-radius: 0;
  background: lightgreen;
  color: #333;
  padding: 10px;
  cursor: pointer;
}
</style>

<h1>The Simplest Infinite Slider</h1>
<div class="slider">
<div class="slide active">
<h3>Slide One</h3>
<p>Lorem ipsum dolor sit amet.</p>
</div>

<div class="slide">
<h3>👨‍💻 Google dorks to view webcams</h3>
<p>
intitle:”Live View/ — AXIS”
<br/>

intitle:”live view” intitle:axis
<br/>

inurl:”CgiStart?page=”
<br/>

intitle:”WJ-NTI 04 Main Page”
<br/>

intitle:"webcamXP 5"

</p>
</div>

<div class="slide">
<b>🤡 Termux Android storage access cammand :-<br/></b>
<textarea
termux-setup-storage

textarea>

</div>

<div class="slide">
<h3>Slide Try5</h3>
<p id="slidetxt1"></p>
</div>
<div class="slide">
<h3>Slide Try5hh</h3>
<p id="slidetxt2"></p>
</div>

</div>
<button id="previous">Previous</button>
<button id="next">Next</button>

// Get all the slides
var slides = $('.slide');

// Move the last slide before the first so the user is able to immediately go backwards
slides.first().before(slides.last());

$('button').on('click', function() {
  // Get all the slides again
  slides = $('.slide');
  // Register button
  var button = $(this);
  // Register active slide
  var activeSlide = $('.active');
  
  // Next function
  if (button.attr('id') == 'next') {
    // Move first slide to the end so the user can keep going forward
    slides.last().after(slides.first());
    // Move active class to the right
    activeSlide.removeClass('active').next('.slide').addClass('active');
  }
  
  // Previous function
  if (button.attr('id') == 'previous') {
    // Move the last slide before the first so the user can keep going backwards
    slides.first().before(slides.last());
    // Move active class to the left
    activeSlide.removeClass('active').prev('.slide').addClass('active');
  }
});
</script>

Working slidetext

<title>Simplest Infinite Slider</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">

* {
  box-sizing: border-box;
}

body {
  text-align: center;
}

.slide {
  text-align: left;
  border: 2px solid red;
  border-radius: 5px;
  color: black;
  padding: 30px;
}

button {
  margin-top: 20px;
  border: none;
  border-radius: 0;
  background: lightgreen;
  color: #333;
  padding: 10px;
  cursor: pointer;
}

divborder {
  border-style: outset;
  border-width: 7px;
  border-color: coral;  
}
</style>

<h1>The Simplest Infinite Slider</h1>
<div class="slider">
<div class="slide active">
<h3>Slide One</h3>
<p>Lorem ipsum dolor sit amet.</p>
</div>

<div class="slide">
<h3>👨‍💻 Google dorks to view webcams</h3>
<p>
intitle:”Live View/ — AXIS”
<br/>

intitle:”live view” intitle:axis
<br/>

inurl:”CgiStart?page=”
<br/>

intitle:”WJ-NTI 04 Main Page”
<br/>

intitle:"webcamXP 5"

</p>
</div>

<div class="slide">
<b>🤡 Termux Android storage access cammand :-<br/></b>
<textarea>
termux-setup-storage

Slide Try5

Slide Try5hh

India color hedding

Danger! Some text...

Success! Some text...

Info! Some text...

Warning! Some text...

Alert Messages

Click on the "x" symbol to close the alert message.

× Danger! Indicates a dangerous or potentially negative action.

× Success! Indicates a successful or positive action.

× Info! Indicates a neutral informative change or action.

× Warning! Indicates a warning that might need attention.

.alert.success {background-color: #4CAF50;}
.alert.info {background-color: #2196F3;}
.alert.warning {background-color: #ff9800;}

.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

.closebtn:hover {
  color: black;
}
</style>

<h2>Alert Messages</h2>
<p>Click on the "x" symbol to close the alert message.</p>
<div class="alert">
  <span class="closebtn">×</span>  
  <strong>Danger!</strong> Indicates a dangerous or potentially negative action.
</div>

<div class="alert success">
  <span class="closebtn">×</span>  
  <strong>Success!</strong> Indicates a successful or positive action.
</div>

<div class="alert info">
  <span class="closebtn">×</span>  
  <strong>Info!</strong> Indicates a neutral informative change or action.
</div>

<div class="alert warning">
  <span class="closebtn">×</span>  
  <strong>Warning!</strong> Indicates a warning that might need attention.
</div>

for (i = 0; i < close.length; i++) {
  close[i].onclick = function(){
    var div = this.parentElement;
    div.style.opacity = "0";
    setTimeout(function(){ div.style.display = "none"; }, 600);
  }
}
</script>

(っ◔◡◔)っ Thank you for visiting my site

Download My App
Click Here Share My URL
Youtube Channal
Subcribe Here

𝕐𝕠𝕦𝕣 𝕚𝕟𝕗𝕠𝕣𝕞𝕒𝕥𝕚𝕠𝕟 𝕙𝕖𝕣𝕖
You have oppend this site in mobile Device

Mozilla/5.0
3.19.211.134
© KINGOFTELUGU.WAP.SH 2024
Online counter 1
Total

load : second

Old school Easter eggs.

Well Come

Free

Telugu 👨‍💻 World

KingofTelugu.Wap.Sh

Slide Try5

Slide Try5hh

Alert Messages