-
Notifications
You must be signed in to change notification settings - Fork 9
/
chef.html
85 lines (73 loc) · 3.61 KB
/
chef.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Ranveer Brar | Pro Chef</title>
<!-- Custom CSS Main -->
<link rel="stylesheet" href="css/styles.css">
<!-- Custom CSS fro Individual Page -->
<link rel="stylesheet" href="css/profiles.css">
</head>
<body>
<header>
<nav>
<h3 class="brand text-white">YourStory Blog</h3>
<div class="menu text-white">
<a href="#Story">Story</a>
<a href="#Work">Work</a>
<a href="#">Menu</a>
</div>
</nav>
</header>
<main>
<div class="banner">
<img src="images/cook_topBG.jpg" alt="">
<div class="author">
<h1>Ranveer Brar</h1>
<h2>Pro Chef</h2>
</div>
</div>
<div class="my-story" id="Story">
<div class="story-description">
<h1>My Story</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Suscipit quo doloribus libero quaerat
consequatur beatae excepturi animi, ullam perspiciatis fugiat voluptate laudantium dicta aspernatur,
quae impedit facere unde! Cum, quisquam! Lorem ipsum dolor sit amet consectetur adipisicing elit. Ut
fugit obcaecati quisquam error recusandae quis maxime facere! Incidunt reprehenderit eos ipsa, atque
quae odio aliquam distinctio deleniti. Excepturi, sapiente magnam.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quidem expedita sapiente qui iusto,
reiciendis nemo repudiandae labore voluptatum. Error a inventore dignissimos debitis magnam
perferendis quisquam assumenda fuga dolorum voluptatum.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quidem expedita sapiente qui iusto,
reiciendis nemo repudiandae labore voluptatum. Error a inventore dignissimos debitis magnam
perferendis quisquam assumenda fuga dolorum voluptatum.</p>
</div>
<div class="profile">
<img src="https://pbs.twimg.com/profile_images/1101019839680991233/QaSJf5XC_400x400.jpg"
alt="Profile image">
</div>
</div>
<div class="my-work" id="Work">
<div class="work-description">
<h1>My Work</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Suscipit quo doloribus libero quaerat
consequatur beatae excepturi animi, ullam perspiciatis fugiat voluptate laudantium dicta aspernatur,
quae impedit facere unde! Cum, quisquam!</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quidem expedita sapiente qui iusto,
reiciendis nemo repudiandae labore voluptatum. Error a inventore dignissimos debitis magnam
perferendis quisquam assumenda fuga dolorum voluptatum.</p>
</div>
<div class="work-gallery">
<img src="images/cook_1_tiny.jpg" alt="">
<img src="images/cook_2_tiny.jpg" alt="">
<img src="images/cook_7_tiny.jpg" alt="">
<img src="images/cook_4_tiny.jpg" alt="">
<img src="images/cook_6_tiny.jpg" alt="">
<img src="images/cook_3_tiny.jpg" alt="">
</div>
</div>
</main>
</body>
</html>