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
| <div id ="container"> | |
| <h style="font-style:italic" ><center>TIP CALCULATOR</center></h> | |
| <form> | |
| <p>Bill Amount:$<input type="text" id ="billamt" placeholder="enter the bill amount "></p> | |
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
| <div id="baby"><img src=" https://dog.ceo/api/breeds/image/random " alt="babies" height="100" width="100"></div> | |
| <br> | |
| <button id="images" style="color:green; background-color: white">change me🙂</button> |
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
| <h1 style="color:#148F77 "><b><i><center> Weather App🌡 </i></b></center></h1> | |
| <center><input type='search' placeholder='enter the city ' id="city" class="search-bx" name='cityname'style= "width:50%;background-color: white;padding: 12px 20px;margin: 10px 0;display: inline-block;border: 1px solid green;border-radius: 6px;box-sizing: content-box "></center> | |
| <br> | |
| <center><button id="search-button" style="color: yellow; background-color: grey">search</button><center> | |
| <br> | |
| <div> | |
| <div id="location " ></div> | |
| <div id="temp" ></div> | |
| </div> | |
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
| <h><strong> welcome to superhero<span style="color: blue"> API</span></strong ></h> | |
| <div id="hero"></div> | |
| <input id='inputHero' type='text'> | |
| <button id="searchImage">search</button> | |
| <br><br> | |
| <button id="imgButton">Change Hero😎</button> |
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"> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/js/all.min.js" | |
| integrity="sha512-5VtFABdNuhZmBvEq4d/4Hb2p04ovR8i8MQD9D0bgNDm3IdnAwBzRRu5iNedCjE6/zSbS4T4p3T2iU83KxV3I0Q==" | |
| crossorigin="anonymous" referrerpolicy="no-referrer"></script> | |
| <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet"> |