-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
126 lines (114 loc) · 6.56 KB
/
index.html
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
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
<!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>Areeb's Assignment</title>
<!-- CSS only -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous">
<link rel="stylesheet" href="style.css">
</head>
<body>
<nav id="kill" class="navbar navbar-expand-lg navbar-light bg-dark">
<div class="container-fluid">
<a class="navbar-brand" href="#" style="font-size: larger; color: red; font-weight: bolder; font-size: 50px;">Arbii_xD</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link active float-right " style="font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size: 20px; color: seashell;" aria-current="page" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link float-right" href="#" style="font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size: 20px; color: seashell;" >About</a>
</li>
<span class="float-right">
<li class="nav-item">
<a class="nav-link" href="#" style="font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size: 20px; color: seashell;" >Blog</a>
</li>
</span>
<li class="nav-item float-md-right">
<a class="nav-link float-right " href="#" style="font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size: 20px; color: seashell;" >Content</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- <div id="navbar">
<li class="home" style="font-size: larger; color: red; font-weight: bolder; font-size: 50px;"><a href="#">Arbii_xD</li></a>
<li class="home"><a href="#">Home</li></a>
<li class="home" ><a href="#">About</a></li>
<li class="home"><a href="#">Blog</a></li>
<li class="home" ><a href="#">Content</a></li>
</div> -->
<div>
<img class="pic1" src="images/icecream.jpg" alt="Image Not Found">
</div>
<div>
<div>
<h2 id="text">
<img class="pic2" src="images/icecreamm.jpg" alt="Image Not Found">
<br>
<h1 style="font-style: italic; color: red;">The Pleasure Of A Delicious Nepali Dish
</h1>
<br>
<h1 style="font-style: italic; color: rgb(76, 45, 163);"><strong>MOMOS</strong></h1>
<h4>
The next very popular dish is Momos. This is one of the favourites for tourists and is a must try for everyone visiting Nepal. Momos are small envelopes of white flour stuffed with veggies or minced lamb or chicken. They are served with different kinds of sauces and mayonnaise which makes the combination a delicious snack. This food in Nepal has taken India by storm and is a popular street food across many countries as well.
</h4>
</h2>
</div>
</div>
<div>
<img class="pic3" src="images/i1.jpg" alt="Image not found">
</div>
<div>
<h2 id="text">
<img class="pic2" src="images/i3.jpg" alt="Image Not Found">
<br>
<h1 style="font-style: italic; color: red;">The Pleasure Of A Delicious Italian Dish
</h1>
<br>
<h1 style="font-style: italic; color: rgb(56, 38, 119);"><strong> Pasta Carbonara</strong></h1>
<h4>
This simple Roman pasta dish derives its name from 'carbone' meaning coal. It was a pasta popular with the coal miners. The original recipe calls for guanciale, which is pig's cheek, but since its not easily available, the chef has used bacon instead.
</h4>
<br>
<br>
<h1 style="font-style: italic; color: rgb(56, 38, 119);"><strong>Pasta Con Pomodoro E Basilico</strong></h1>
<h4>
This is the most basic and simplest cooked pasta sauce, hence it is the benchmark of a good Italian home cook. This one boats of being among the original Italian recipes of pasta. easy and quick, this pasta recipe can be made under half an hour. Serve as a breakfast, pack for kid's tiffin or savour as an evening snack. You can even cook this for a casual and lazy dinner and pair this up with red wine.
</h4>
<br>
<br>
<h1 style="font-style: italic; color: rgb(56, 38, 119);"><strong>Linguine with Fresh Tomatoes</strong></h1>
<h4>
This garlic and basil linguine is a perfect way to use up your late-summer tomato harvest. It makes a great light supper when paired with a salad, or you can make it heartier with some chopped chicken. —Susan Jones, Downers Grove, Illinois
</h4>
<br>
<h1 style="font-style: italic; color: rgb(56, 38, 119);"><strong>Chicken Cacciatore</strong></h1>
<h4>
This easy chicken cacciatore recipe makes a good Sunday dinner, since it's so simple to prepare. This recipe is the best because it's loaded with lots of vegetables and is a family favorite. —Barbara Roberts, Courtenay, British Columbia
</h4>
</h2>
</div>
<!-- <div>
<img class="pic4" src="images/i3.jpg" alt="Image not found">
</div> -->
<!-- JavaScript Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-b5kHyXgcpbZJO/tY9Ul7kGkf1S0CWuKcCD38l8YkeH8z8QjE0GmW1gYU5S9FOnJ0" crossorigin="anonymous"></script>
</body>
<footer class="text-center text-white fixed-bottom" style="background-color: #21081a;">
<!-- Grid container -->
<div class="container p-4"></div>
<!-- Grid container -->
<!-- Copyright -->
<div class="text-center p-3" style="background-color: rgba(48, 46, 46, 0.2);">
© 2020 Copyright:
<a class="text-white" href="https://mdbootstrap.com/">AreebBinAzim.com</a>
</div>
<!-- Copyright -->
</footer>
</html>