mod02-13/index.html at master · reviter/mod02-13 · 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
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
127
128
129
130
131
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="IE=Edge">
	<link rel="stylesheet" type="text/css" href="css/style.css">

	<title>Wireframe Activity No. 2</title>

</head>
<body>

	<div class="wrapper">
		<div class="sidebar">
			<div class="logo"></div> <!-- Logo -->
			<nav>
				<ul>
					<li><a href="#website">HOME</a></li>
					<li><a href="#about">ABOUT</a></li>
					<li><a href="#services">SERVICES</a></li>
					<li><a href="#projects">PROJECTS</a></li>
					<li><a href="#contact">CONTACT</a></li>
				</ul>
			</nav>
		</div>

		<main>
			<div id="toggleIcon">
				<i class="fa fa-bars" aria-hidden="true"></i>
			</div>
			<div id="toggleIcon1" hidden>
				<i class="fa fa-bars" aria-hidden="true"></i>
			</div>
			<div class="section-a">
				<div class="website" id="website">
					<h1 class="class-h1">Shokugeki No Soma</h1>
					<p class="class-p">--- is a manga written by Yūto Tsukuda and illustrated by Shun Saeki in collaboration with Yuki Morisaki, a famous chef.</p>
				</div>
			</div>

			<div class="section-b">
				<div class="about" id="about">
					<br>
					<h1>About Yukihira Soma</h1>
					<br><br>
					<p class="class-p1" style="height: 60px;">Sōma Yukihira (幸平 創真ゆきひら そうま, Yukihira Sōma?) is the main protagonist of Shokugeki no Soma. He is the son of Jōichirō Yukihira, the proud owner of Restaurant Yukihira. He is a 92nd Tōtsuki Generation student and a resident of Polar Star Dormitory.</p>

					<p style="height: 70px;">Sōma is a young teenage boy with yellow eyes and a vertical scar on his left eyebrow. It is shown that Sōma has had this scar as far back as elementary school. He has spiky dark-red hair with short bangs. After the Stagiaire event, Soma's bangs grew in length, now reaching just below his cheeks and has more volume overall.</p>

					<p style="height: 70px;">Sōma's main outfit is his Restaurant Yukihira cooking uniform, consisting of a black shirt with the restaurant's logo on the back and left chest area of his shirt. Whenever he cooks, he wears a white apron over his waist. While at Tōtsuki, Sōma wears a black coat summer school uniform over his Yukihira cooking uniform. Sōma also ties his trademark white headband around his forehead whenever he cooks. If he is not cooking or bathing, he wears his headband around his left wrist. Compared to his fellow Tōtsuki students, Sōma dresses very casually; in his free time, he sports a hanten jacket with a simple white shirt beneath it and a striped track pants at his places of residence. Sōma states that dressing in his hanten calms him down.</p>
				</div>
			</div>

			<div class="section-c">
				<div class="services" id="services">
					<h1>Menu</h1>
					<br>
					<table border="2" bgcolor="#fff">
						<thead>
							<tr>
								<th>Name</th>
								<th>Image</th>
								<th>Category</th>
								<th>Primary Ingredient</th>
								<th>Price</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>Transforming Furikake Gohan</td>
								<td><img src="https://vignette.wikia.nocookie.net/shokugekinosoma/images/1/10/Transforming_Furikake_Gohan_%28anime%29.png/revision/latest?cb=20150411050442" alt="" width="500px" height="250px"></td>
								<td>Main Course</td>
								<td>Egg and Rice</td>
								<td>30 Pesos with tubig</td>
							</tr>
							<tr>
								<td>Roast Pork, Just Kidding</td>
								<td><img src="https://vignette.wikia.nocookie.net/shokugekinosoma/images/b/b0/Roast_Pork%2C_Just_Kidding_%28anime%29.png/revision/latest/scale-to-width-down/1000?cb=20150419102847" alt="" width="500px" height="250px"></td>
								<td>Main Course</td>
								<td>Potatoes, Bacon and Mushroom</td>
								<td>100 pesos with chocnat</td>
							</tr>
							<tr>
								<td>Mini Soufflé Omelette</td>
								<td><img src="https://vignette.wikia.nocookie.net/shokugekinosoma/images/3/38/Mini_Souffl%C3%A9_Omelette_%28anime%29.png/revision/latest?cb=20150704001827" alt="" width="500px" height="250px"></td>
								<td>Breakfast</td>
								<td>Eggs and Flour</td>
								<td>500 pesos</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>

			<div class="section-d">
				<div class="projects" id="projects">
					<h1>Yukihira Feeding Program</h1>
					<br>
					<div class="bottom">
						<div style="float: left; width: 33%;"></div>
						<div style="float: left; width: 33%;"></div>
						<div style="float: left; width: 33%;"></div>
					</div>
				</div>
			</div>

			<div class="section-e">
				<div class="contact" id="contact">
					<h1>Contact</h1>
					<br><br>
					<p class="class-p4">09123456789 - Head Chef, Yukihira Soma</p>
					<p class="class-p5">example@gmail.com</p>
				</div>
			</div>

			<div class="section-f">
				<footer>
					<small>Tuitt Bootcamp Trainee - Pen</small>
				</footer>
			</div>

			<!-- Import Font Awesome icons -->
			<script src="https://use.fontawesome.com/3fa2ea47c5.js"></script>

			<!-- Import custom Javascript -->
			<script type="text/javascript" src="js/script.js"></script>
		</div>
	</main>
</body>
</html>