Thursday, August 6, 2020

Stylish HTML CSS Website (Source Code) [Free] (CSS INSIDE GIVEN)


    <!DOCTYPE html>
    <html lang="en">
<head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>MacStockOfficial</title>
        <style>

            body{
                background-image: url(background.jpg),url(hy.jpeg);
                background-repeat: repeat-x,repeat;
                background-position: top,bottom;
        }
            #bala{
                background-color: blue;
                margin: 50px;
                font-size: x-large;
                margin-left: 20px;
                color: rgb(255, 0, 0);
                border: 5px solid blue;
                border-radius: 20px;
                text-align: center;
        }
            .hydra{
                    background-color: rgb(236, 240, 3);
                    color: rgb(199, 95, 95);
                    font-size: x-large;
                    text-align: center;
                    border: 5px solid rgb(236, 240, 3);
                    border-radius: 18px;
                    margin-left: 632px;
                    margin-top: -530px;
                    width: 50%;
                    height: 515px;
  
        }
            .beast{
                align-self: right;
                margin: 20px;
		color: aqua;
  
        }
            .text{
                color: rgb(255, 255, 255);
                text-align: left;
                text-decoration-thickness: 200%;
                width: 200%;
        }
        </style>
  
</head>

<body>
        <h1 class="text">MacStock Official</h1>
        <h3 class="text">Right Place For Gaming and Technology Related Everything</h3>
        <a class="beast">Home</a>
        <a class="beast">Games</a>
        <a class="beast">Small Coding Programs of C++</a>
        <a class="beast">Contact Us</a>

        <a href="https://www.youtube.com/channel/UCIXud9Ot8pfDQizzdmQ-FyQ"class="beast">Subscribe on Youtube</a>

<a href="https://macstockofficial.blogspot.com/2020/08/macstock-tech-gaming.html"class="beast">Read Channel Blog</a>
<p id="bala">MacStock Tech & Gaming, My First Youtube channel I have ever created</p>

<img src="MacStock.png" height="525" width="600">  

<p class="hydra">My name is Kunal Gupta and I am a Small Youtuber And I have a little amount of Subscribers on my Youtube
channel. I upload Gaming and Technology Related Videos on my channel, If you want to see my channel videos, then press 
on the 'Subscribe on Youtube' Button On the Menu Bar. If you like my Videos, then please Press the Subscribe Button on the bottom of the video.I had videos on many topics like errors fixing, paid games download for free, gaming related and Minecraft Related Videos.

        <img src="subscribe.jpg"height="300"width="500">

</p> 

</body>

</html>
Just copy these codes given up and paste it on your notepad, or any other ide you are using for programming and save as .html file


This is how this Website Actually Looks;

You can change Heading and Other details here;
Change Web Page Title From Here;
And Other Details From Here;

MacStock Official

Author & Editor

Python Programmer and a Simple Web Developer. Owns a Youtube Channel Named MacStock Tech & Gaming and This Website also Refers to him

0 Comments:

Post a Comment