I ♥ You

What is a i ♥ you How do you make a i ♥ you? This script and codes were developed by Jeya Karthika on 01 February 2022, Tuesday.

How do I make an i ♥ you?
  1. I ♥ You Previews
  2. I ♥ You HTML Codes
  3. I ♥ You CSS Codes
I ♥ You Previews

I ♥ You HTML Codes

<!DOCTYPE html>
<html >
<head>
  <meta charset="UTF-8">
  <title>I ♥ You</title>
  
  
  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>
  <link href='https://fonts.googleapis.com/css?family=Lovers+Quarrel' rel='stylesheet' type='text/css'>
<div class="container"></div>
<div class="one">I&nbsp;&nbsp;&nbsp;</div>
<div class="two">&nbsp;&nbsp;&nbsp;&nbsp;You</div>
  
  
</body>
</html>

I ♥ You CSS Codes

.container {
  position: relative;
  margin: 20px, auto;
}

div {
    float: left;
    width: 200px;
    height: 200px;
    border-radius: 100px;
    color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
    font-size: 4em;
    line-height: 200px;
    font-family: 'Lovers Quarrel', cursive;
    position: relative;
}
.one { 
  background-color: #FFCC00; 
}
.two::before{ 
  content: '♥'; 
  position: absolute; 
  left: 5px; 
  top: 20px }

.two { 
  background-color: 
  rgba(255,0,0,0.5); 
  margin-left: -70px; }
Do you want hide your ip address?Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup.