Saturday, February 17, 2024

Friendship Code For blogger

Friendship Code For blogger




<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Friendship Form</title>

<style>

    body {

        font-family: Arial, sans-serif;

        margin: 0;

        padding: 0;

        background-color: #f0f0f0;

    }

    .container {

        max-width: 600px;

        margin: 20px auto;

        padding: 20px;

        background-color: #fff;

        border-radius: 8px;

        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

    }

    h2 {

        text-align: center;

        color: #333;

        text-transform: uppercase;

        font-size: 32px;

        margin-bottom: 20px;

    }

    .form-group {

        margin-bottom: 20px;

    }

    label {

        display: block;

        margin-bottom: 5px;

        font-weight: bold;

        color: #666;

    }

    input[type="text"], input[type="email"], textarea {

        width: 100%;

        padding: 10px;

        border: 1px solid #ccc;

        border-radius: 4px;

    }

    input[type="submit"] {

        background-color: #ff7f50;

        color: #fff;

        padding: 10px 20px;

        border: none;

        border-radius: 4px;

        cursor: pointer;

        font-size: 16px;

        text-transform: uppercase;

        transition: background-color 0.3s ease;

    }

    input[type="submit"]:hover {

        background-color: #ff6347;

    }

</style>

<script>

    function redirectToNewWebsite() {

        window.open("paste your link here", "_blank");

    }

</script>

</head>

<body>

<div class="container">

    <h2>Let's Be Friends!</h2>

    <form action="#" method="post" onsubmit="redirectToNewWebsite()">

        <div class="form-group">

            <label for="name">Your Name:</label>

            <input type="text" id="name" name="name" required>

        </div>

        <div class="form-group">

            <label for="email">Your Email:</label>

            <input type="email" id="email" name="email" required>

        </div>

        <div class="form-group">

            <label for="message">Message:</label>

            <textarea id="message" name="message" rows="4" required></textarea>

        </div>

        <div class="form-group">

            <input type="submit" value="Send Friendship Request">

        </div>

    </form>

</div>

</body>

</html>


Labels:

posted by Mr Buddy @ February 17, 2024   0 Comments

Wednesday, February 14, 2024

Age Verification Blogger Code

 Age Verification Blogger Code



<!DOCTYPE html>


<html lang="en">


<head>


  <meta charset="UTF-8">


  <meta name="viewport" content="width=device-width, initial-scale=1.0">


  <title>Age Verification</title>


  <style>


    body {


      font-family: Arial, sans-serif;


      text-align: center;


      background-color: #f2f2f2;


      padding: 50px;


    }


    #ageVerification {


      max-width: 600px;


      margin: 0 auto;


      padding: 20px;


      background-color: #ffffff;


      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);


    }


    button {


      padding: 10px 20px;


      font-size: 16px;


      margin: 10px;


      cursor: pointer;


    }


  </style>


</head>


<body>




<div id="ageVerification"><center>


  <h2>Age Verification</h2>


  <p>Are you 18 years old or older?</p>


  


  <button onclick="redirectToContent()">Yes</button>


  <button onclick="redirectToExit()">No</button></center>


</div>




<script>


  function redirectToContent() {


    window.location.href = "https://example.com/content"; // Replace with the actual URL for users over 18


  }




  function redirectToExit() {


    window.location.href = "https://example.com/exit"; // Replace with the actual URL for users under 18


  }


</script>




</body>


</html>


Labels:

posted by Mr Buddy @ February 14, 2024   0 Comments

Tuesday, February 6, 2024

Voting For Prime Minister Blogger Code

                

Voting For Prime Minister Blogger Code



<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Pakistan Prime Minister Voting Form 2024</title>

<style>

body {

font-family: Arial, sans-serif;

background-color: #f1f1f1;

margin: 0;

padding: 0;

display: flex;

justify-content: center;

align-items: center;

height: 100vh;

}

.container {

background-color: #fff;

border-radius: 8px;

padding: 20px;

box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

text-align: center;

max-width: 500px;

width: 100%;

}

h1 {

color: #333;

animation: fadeInUp 1s ease-out;

}

.party-label {

display: inline-block;

margin-bottom: 20px;

animation: slideInLeft 1s ease-out;

}

.party-image {

width: 200px;

height: auto;

border-radius: 50%;

border: 2px solid transparent;

transition: border-color 0.3s ease-in-out;

cursor: pointer;

animation: slideInRight 1s ease-out;

}

.party-image:hover {

border-color: #4CAF50;

}

input[type="radio"] {

display: none;

}

input[type="submit"] {

background-color: #4CAF50;

color: white;

padding: 12px 20px;

border: none;

border-radius: 4px;

cursor: pointer;

font-size: 16px;

margin-top: 20px;

animation: fadeInUp 1s ease-out;

}

input[type="submit"]:hover {

background-color: #45a049;

}



/* CSS Animations */

@keyframes fadeInUp {

from {

opacity: 0;

transform: translateY(20px);

}

to {

opacity: 1;

transform: translateY(0);

}

}



@keyframes slideInLeft {

from {

opacity: 0;

transform: translateX(-20px);

}

to {

opacity: 1;

transform: translateX(0);

}

}



@keyframes slideInRight {

from {

opacity: 0;

transform: translateX(20px);

}

to {

opacity: 1;

transform: translateX(0);

}

}

</style>

</head>

<body>




<div class="container">

<h1>Vote for Pakistan Prime Minister 2024</h1>

<form action="place add" method="post" target="_blank">

<input type="radio" id="pti" name="party" value="PTI">

<label class="party-label" for="pti">

<img class="party-image" src="https://th.bing.com/th/id/OIP.ks8_8mypL8H9fbp1ut3LWAHaHW?rs=1&pid=ImgDetMain" alt="PTI Logo"><br>

PTI (Pakistan Tehreek-e-Insaf)

</label>

<input type="radio" id="ppp" name="party" value="PPP">

<label class="party-label" for="ppp">

<img class="party-image" src="https://cdn-icons-png.flaticon.com/512/5922/5922048.png" alt="PPP Logo"><br>

PPP (Pakistan Peoples Party)

</label>

<input type="radio" id="pmln" name="party" value="PMLN">

<label class="party-label" for="pmln">

<img class="party-image" src="https://worldpress.com.pk/wp-content/uploads/2021/12/PML-N.jpg" alt="PMLN Logo"><br>

PMLN (Pakistan Muslim League - Nawaz)

</label><br><br>

<input type="submit" value="Submit Vote">

</form>

</div>




</body>

</html>


Labels:

posted by Mr Buddy @ February 06, 2024   0 Comments

Monday, February 5, 2024

Election Code For Blogger

 Election Code For Blogger



<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Vote for Prime Minister of Pakistan 2024</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f9f9f9;
text-align: center;
margin: 0;
padding: 0;
}
h1 {
color: #333;
margin-top: 50px;
font-size: 36px;
text-transform: uppercase;
letter-spacing: 2px;
}
.options {
margin-top: 30px;
}
.option {
display: inline-block;
margin: 0 10px;
}
input[type="radio"] {
display: none;
}
label {
padding: 12px 24px;
background-color: #4CAF50;
color: white;
border-radius: 5px;
cursor: pointer;
transition: background-color 0.3s;
display: inline-block;
font-size: 18px;
}
label:hover {
background-color: #45a049;
}
#pollButton {
display: block;
margin: 20px auto;
padding: 15px 30px;
background-color: #FF5722;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 18px;
transition: background-color 0.3s;
}
#pollButton:hover {
background-color: #BF360C;
}
</style>
</head>
<body>


<h1>Vote for Prime Minister of Pakistan 2024</h1>


<div class="options">
<form>
<div class="option">
<input type="radio" id="imran" name="pm" value="Imran Khan">
<label for="imran">Imran Khan</label>
</div>
<div class="option">
<input type="radio" id="nawaz" name="pm" value="Nawaz Sharif">
<label for="nawaz">Nawaz Sharif</label>
</div>
<div class="option">
<input type="radio" id="bilawal" name="pm" value="Bilawal">
<label for="bilawal">Bilawal</label>
</div>
</form>
</div>


<!-- Replace 'Add your link here' with your desired URL -->
<button id="pollButton" onclick="openNewWebsite()">Vote Now</button>


<script>
function openNewWebsite() {
// Add your link here
window.open('Add your link here', '_blank');
}
</script>


</body>
</html>

Labels:

posted by Mr Buddy @ February 05, 2024   0 Comments