Skip to content

Instantly share code, notes, and snippets.

@Deadmannalive

Deadmannalive/index.html

Created April 1, 2020 11:36
Show Gist options
  • Save Deadmannalive/46388d69528177dc859d428cccdef11f to your computer and use it in GitHub Desktop.
Save Deadmannalive/46388d69528177dc859d428cccdef11f to your computer and use it in GitHub Desktop.
Download ZIP
ITALIAN PIZZA // source https://jsbin.com/cacibec
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>ITALIAN PIZZA</title>
<style id="jsbin-css">
p{
font-size:20px;
letter-spacing:2px;
}
li{
font-size:19px;
letter-spacing:2px;
color:yellow;
padding:10px
}
header{
text-decoration:underline ;
text-indent:10px;
font-style:bold;
color:#01F4FF;
letter-spacing:15px;
}
p{
color:yellow;
}
body{
background:url(https://images.unsplash.com/photo-1571997478779-2adcbbe9ab2f?ixlib=rb-1.2.1&auto=format&fit=crop&w=634&q=80)no-repeat center center fixed;
-webkit-background-size:cover;
-moz-background-size:cover;
-0-background-size:cover;
background-size:cover;
}
</style>
</head>
<body>
<!-- font and color tag-->
<font color="white">
<!-- input tag-->
<div>
<p>SEARCH</p><input type="text"/>
</div>
<ul>
<li><a href="file:///C:/Users/usman/Downloads/index.html"><B>ITALIAN PIZZA</B></a></li>
</ul>
<header>
<h1><FONT COLOR="#01F4FF"/><h1 style="text-align:center;"><b><h4id="emoji">&#x1F355ITALIAN PIZZA<h4id="emoji">&#x1F355</h4></b></font></h1>
</header>
<em><B> <p>This is all about<strong> PIZZA.<h4id="emoji">&#x1F355</h4></p></strong>
<p>How can u make it?Is it tasty?</p>
<p>Yes its tasty thats why i love it..<h4id="emoji">&#x1F496</h4></p>
<!--BUTTON TAG-->
<div>
<button type="button" onclick="alert('ITALIAN PIZZA')">Click Me!</button>
</div>
<!--VIDEO TAG-->
<div>
<video controls="controls" autoplay>
<source src="pizza ad.mp4" type="video/mp4">
</video>
</div>
<p>Its easy just watch as shown below.</p>
</em>
<!-- ingredients-->
<ul>
<li><em><strong><FONT COLOR="skyblue">INGREDIENTS:</font></strong></li></em>
<ul>
<li>Dough</li>
<li>Cheese</li>
<li>Flour</li>
<li>Crust</li>
<li>Olive Oil</li>
<li>Tomato</li>
</ul>
</ul>
<!-- STEPS-->
<li><strong><em><FONT COLOR="skyblue">STEPS FOR MAKING PIZZA:</font></li></strong></em>
<ol>
<li>Preheat the oven to 350 degrees.<h4id="emoji">&#x1F525</h4></li>
<li> Spread out the dough.<h4id="emoji">&#x1F95F</h4></li>
<li>Pinch the edges inwards and press down on the outside edges of the pizza.<h4id="emoji">&#x1F604</h4></li>
<li>Spread the sauce evenly on the dough.<h4id="emoji">&#x1F60D</h4></li>
<li>Sprinkle cheese on top of the sauce until it is completely covered.<h4id="emoji">&#x1F9C0</h4></li>
<li>Spread out your bacon and pineapple across the dough.<h4id="emoji">&#x1F953</h4><h4id="emoji">&#x1F34D</h4></li>
<li>Put the pizza on a Pan and put it in the oven.<h4id="emoji">&#x1F525</h4></li>
<li>Cut the pizza into 8 separate slices.<h4id="emoji">&#x1F52A</h4></li>
<li>Enjoy.<h4id="emoji">&#x1F973</h4></li>
</oL>
<Ul>
<li><b><STRONG><EM><FONT COLOR="skyblue"> RECIPES FOR MAKING PIZZA:</FONT></em></strong></b></li>
<li><p>VIDEO LINKS ARE BELOW:<h4id="emoji">&#x1F447</h4></li></p>
</Ul>
<Ol>
<li><a href="http://www.youtube.com/watch?v=Lyj8wH2iTYg">HOMEMADE PIZZA VIDEO<h4id="emoji">&#x1F3E0</h4></a></li>
<li><a href="https://www.youtube.com/watch?v=l_X37Yx1NHQ">TASTY CHICKEN FAJITA VIDEO<h4id="emoji">&#x1F414</h4></a></li>
<li><a href="https://www.youtube.com/watch?v=OLnrokOQsO4">EASY pizza RECIPE WITHOUT OVEN<h4id="emoji">&#x263A</h4></a></li>
</Ol>
<ul>
<p>
<li>GUIDE FOR MAKING PIZZA:<h4id="emoji">&#x1F447</h4></li>
</p>
</ul>
<ol>
<li><a href="http://www.kitchenwithamna.com/how-to-make-pizza-complete-pizza-recipe-with-pizza-daugh-and-pizza-sauce/">HOW TO MAKE PIZZA</a></li>
<li><a href="https://www.indianhealthyrecipes.com/pizza-recipe-make-pizza/">RECIPE FOR INDIAN PIZZA</a></li>
</ol>
<p><em><strong>If U SMELLLL what is that pizza!! YEAH its cooked and ready to eat<h4id="emoji">&#x1F374</h4></strong></em></p>
<p><strong>---ITS READY TO EAT<h4id="emoji">&#x1F970</h4>---</p></strong>
<ul>
<li>TASTY pizza<h4id="emoji">&#x1F607</h4></li>
<li><a href="https://pixabay.com/photos/pizza-food-italian-baked-cheese-3007395/"></LI>
<!-- border tag-->
<img src="https://cdn.pixabay.com/photo/2017/12/09/08/18/pizza-3007395_960_720.jpg" border="20x100" alt="TASTY PIZZA"/></a>
<li><a href="mailto:usmanarif1222@gmail.com">EMAIL US</a></li>
<footer>
<p> I HOPE YOU LIKE IT.<h4id="emoji">&#x1F917</h4></p>
</footer>
</b>
</ul>
<script id="jsbin-source-css" type="text/css">p{
font-size:20px;
letter-spacing:2px;
}
li{
font-size:19px;
letter-spacing:2px;
color:yellow;
padding:10px
}
header{
text-decoration:underline ;
text-indent:10px;
font-style:bold;
color:#01F4FF;
letter-spacing:15px;
}
p{
color:yellow;
}
body{
background:url(https://images.unsplash.com/photo-1571997478779-2adcbbe9ab2f?ixlib=rb-1.2.1&auto=format&fit=crop&w=634&q=80)no-repeat center center fixed;
-webkit-background-size:cover;
-moz-background-size:cover;
-0-background-size:cover;
background-size:cover;
}</script>
</body>
</html>
Raw
jsbin.cacibec.css
p{
font-size:20px;
letter-spacing:2px;
}
li{
font-size:19px;
letter-spacing:2px;
color:yellow;
padding:10px
}
header{
text-decoration:underline ;
text-indent:10px;
font-style:bold;
color:#01F4FF;
letter-spacing:15px;
}
p{
color:yellow;
}
body{
background:url(https://images.unsplash.com/photo-1571997478779-2adcbbe9ab2f?ixlib=rb-1.2.1&auto=format&fit=crop&w=634&q=80)no-repeat center center fixed;
-webkit-background-size:cover;
-moz-background-size:cover;
-0-background-size:cover;
background-size:cover;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment