Pirple/index.html at develop · GytisKupinas/Pirple · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Best Sandwich</title> <!-- page name- title that visitors can see-->
</head>
   <link rel="stylesheet" href="./main.css">

<body>
     <h1> <u>How to Build the Best Sandwich Ever</u> </h1> <!-- head line-->
     <p>Convenience <span>&</span> You can buy sandwiches practically anywhere.</p>
     <p>Versatility – A sandwich can contain any filling, as long as it's between bread.</p>
     <p>Comfort – There's something nostalgic about sandwiches; we grew up eating them!</p>
     <p>Mess-Free – They're incredibly easy to eat on the go, without spilling them everywhere.</p>
     <h2>Delicious recipe</h2>


     <p> <!-- paragraf-->
         <ul type="circle" class="unorderlist">  <!-- <ul> unorder list ( order numbers not included 1,2,3 -) -->
             <li>Bread</li>
             <li>Unsliced loaf of ciabatta </li>  <!-- list of items-->
             <li>Mustard</li>
             <li>Meat</li>
             <li>Cheese</li>
             <li>Veggies</li>
         </ul>

         <ol type="I" class="orderlist">   <!-- <ol> order list 1,2,3,4. steps by numbers -->
             <li>Choose a good bread. Start with an unsliced loaf of ciabatta from a local baker. &#x1F468</li>
             <li>Grab some mustard. After cutting the ciabatta loaf lengthwise, smear mustard on the bottom slice. &#x1f35e &#x1F36E</li>
             <li>Stack up the meat and cheese. &#x1F953 &#x1F9C0</li>
             <li>Add your veggies. &#x1F955</li>
             <li>Put it together. &#x1F932</li>
             <li>Enjoy! &#x1F973</li>
         </ol>
             </p>
             <img src="./img/sandwich.jpg" alt="sandwich"> <!--img tag-->
             <img src="./img/clubSandwich.jpg" alt="clubSandwich">

             <ul>
                 <li><a href="https://www.indianhealthyrecipes.com/veg-club-sandwich-recipe/">Vegetarian Club Sandwich</a></li>
                 <li><a href="https://www.indianhealthyrecipes.com/tomato-cucumber-sandwich-recipe/">Tomato Cucumber Sandwich</a></li>
                 <li><a href="https://www.indianhealthyrecipes.com/veg-curd-sandwich-recipe/">Veg Curd Sandwich</a></li>
                 <li><a href="https://www.allrecipes.com/recipe/236322/chicago-inspired-italian-beef-sandwich/">Italian Beef Sandwich</a></li>
                 <li><a href="https://www.allrecipes.com/recipe/82116/vietnamese-sandwich/">Vietnamese Sandwich</a></li>


            </ul>


</body>
</html>