Created
December 3, 2023 04:06
-
-
Save amitroy06/81a42b7317acf0a81623d4a8d47d561d to your computer and use it in GitHub Desktop.
change pic and text
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8" /> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
<title>Document</title> | |
<link rel="stylesheet" href="style.css" /> | |
<!-- links for font------------ --> | |
<link rel="preconnect" href="https://fonts.googleapis.com" /> | |
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> | |
<link | |
href="https://fonts.googleapis.com/css2?family=Cute+Font&display=swap" | |
rel="stylesheet" | |
/> | |
<link rel="preconnect" href="https://fonts.googleapis.com" /> | |
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> | |
<link | |
href="https://fonts.googleapis.com/css2?family=Aoboshi+One&display=swap" | |
rel="stylesheet" | |
/> | |
<link rel="preconnect" href="https://fonts.googleapis.com" /> | |
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> | |
<link | |
href="https://fonts.googleapis.com/css2?family=Nabla&display=swap" | |
rel="stylesheet" | |
/> | |
</head> | |
<body> | |
<div class="container"> | |
<h1 class="heading">HII GUYS</h1> | |
<div class="image-container"> | |
<img id="imageElement" src="doggo.jpg" alt="Image" /> | |
</div> | |
<div class="text"> | |
<h2 id="textContent">This is a cute doggo..........🐶</h2> | |
</div> | |
<div class="toggle"> | |
<label for="imageToggle" class="toggle-label">Click the button:</label> | |
<input type="checkbox" id="imageToggle" class="toggle-button" /> | |
</div> | |
</div> | |
<script src="index.js"></script> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment