Scribd
Upload
67 views

HTML Coding by Technical Complex

The document contains CSS styles and HTML code for displaying a webpage with the following elements: 1) An iframe at the top to display a picture. 2) Text centered below the iframe stating "Text here". 3) Buttons centered below the text linking to various channel streams, with images as the button backgrounds.

Uploaded by

Ali
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
67 views

HTML Coding by Technical Complex

The document contains CSS styles and HTML code for displaying a webpage with the following elements: 1) An iframe at the top to display a picture. 2) Text centered below the iframe stating "Text here". 3) Buttons centered below the text linking to various channel streams, with images as the button backgrounds.

Uploaded by

Ali
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 1

<html>

  <title></title>

<style type="text/css"> $font: 'Poppins', sans-serif; }

body { align-items: center; justify-content: center; }


.text { color: white; font-family: arial; } </style>
  <style type="text/css"> .button {
display: inline-block;
padding: 2px;
font-size: 14px;
cursor: pointer;
text-align: center;
text-decoration: none;
outline: none;
 color: #000;
background-color: #FC0;
border: none;
border-radius: 50%; height: 70px; width: 70px; margin: 5px; }
.button:hover {background-color: #C00}
.button:active { background-color: #FFCDD2;; } </style>
 <style>
div.sticky {
position: -webkit-sticky;
position: sticky; top: -7; padding: 5px; background-color: transparent; border: 2px solid transparent; } </style> <style> #border1 { border:
2px inset #303030; background-color:black; width: 100%; } </style> <style> #border2 { background-color:black; margin-top: -7px; margin-
left: -10px; margin-right: -7px; width: 340px; } </style> <style> #borderDemo { border: 5px outset #303030; } </style> <Body style="width:
340; font-family: baumans; font-style: normal; font-weight: 400;" bgcolor="#616161"> <div id="borderDemo" align="center"
style="width:100%"> <div class="sticky" align="center" style="width:325">

 <iframe id="border2" style="background-color:#000" src="Picture link" name="123" allowfullscreen frameborder="1" style="z-


index:inherit" width="100%" height="180" scrolling="no"> </iframe>

</div> <div style="width:335" align="center"> <table bgcolor="red" width="250" id="border1">

<tr> <td align="center"><p style="font-size: 25px; font-family:arial; font-style: normal; font-weight: 700;" class="text"> <strong style="font-
style: normal; font-weight: 400;"><strong>Text here</strong></p> </td>

</tr>
</tbody>
</table> <table align="center" width="320" border="0"> <tr> <td style="text-align: center;" height="60"> <p>

<a href=" Channel link " target="123"><input name=" Channel Name " type="image" autofocus class="Button" id=" Channel name " src="
Channel Picture" /> </a> 

<a href=" Channel link " target="123"><input name=" Channel Name " type="image" autofocus class="Button" id=" Channel Name " src="
Channel Picture" /> </a>

<a href=" https://androidlive.goonj.pk/madinaweb_360p/index.m3u8 " target="123"><input name=" madinatv " type="image" autofocus
class="Button" id=" madinatv " src=" https://s3.amazonaws.com/goonj/wp-content/uploads/2018/08/30084640/madina_live.png " />
</a> 

<a href=" https://androidlive.goonj.pk/madnitvweb_360p/index.m3u8 " target="123"><input name=" madanitv " type="image" autofocus
class="Button" id=" madanitv " src=" https://s3.amazonaws.com/goonj/wp-content/uploads/2018/08/30084756/madni_tv.png " /> </a> 

<a href=" http://androidlive.goonj.pk/psl2019_360p/index.m3u8 " target="123"><input name=" psl4 " type="image" autofocus
class="Button" id=" psl4 " src=" https://nation.com.pk/print_images/medium/2019-02-12/psl-4-tickets-for-pakistan-matches-start-from-
rs500-1549918212-3804.jpg " /> </a>
  </td>
 </tr>
 </tbody>
 </table>
 </div>
 </div>
 </Body>
</Html>

You might also like