CWD_commitment/commitment.html at master · hyerinseok/CWD_commitment · 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
<!doctype html>
<html lang="en">
<head>
<meta charset ="utf-8">
<link href="https://fonts.googleapis.com/css?family=Comfortaa|M+PLUS+Rounded+1c&display=swap" rel="stylesheet">
<link href="css/main.css" rel="stylesheet">
<script src="js/main.js" type="text/javascript"></script>
<title> Commitment of baking
</title>
</head>
<body>
<header><h1>My baking adventures.</h1></header>
<p>So... I like baking <i> a lot. </i></p>
<img src="img/baking.jpg" width="100%"/>
<p>To me, baking is like a puzzle.</p>
<img src="img/puzzle.jpg" width="100%"/>
<p> because you have to get the size and proportions correctly, or else it won't fit. </p>
<p>To me, baking is also like chemistry or alchemy.</p>
<img src="img/chemistry.png" width="100%"/>
<p>You add components together and add heat and pressure to transform the matter.</p>
<p>End results are sharing and showing it off.</p>
<img src="img/sharing.jpg" width="100%"/>
<p>I wouldn't say I'm an expert, as there are so many different things to bake in the world.</p>
<img src="img/bakingshow.jpg" width="100%"/>
<p>I know I certainly wouldn't be able to compete, as some of the things I've never even heard of.</p>
<p>But here are somethings I've baked before...</p>
<img src="img/cookie1.jpg" width="33%"/>
<img src="img/cookie2.jpg" width="33%"/>
<img src="img/cookie3.jpg" width="33%"/>
<p>cookies</p>
<img src="img/cheesecake1.jpg" width="100%"/>
<p>cheesecake</p>
<img src="img/pie1.jpg" width="33%"/>
<img src="img/pie2.jpg" width="33%"/>
<img src="img/pie3.jpg" width="33%"/>
<p>pies</p>
<img src="img/scone1.jpg" width="49%"/>
<img src="img/scone2.jpg" width="49%"/>
<p>scones</p>
<img src="img/macarons1.jpg" width="24%"/>
<img src="img/macarons2.jpg" width="24%"/>
<img src="img/macarons3.jpg" width="24%"/>
<img src="img/macarons4.jpg" width="24%"/>
<p>french macarons</p>
<img src="img/bark1.jpg" width="33%"/>
<img src="img/cake1.jpg" width="33%"/>
<img src="img/cake2.jpg" width="33%"/>
<img src="img/cake3.jpg" width="33%"/>
<img src="img/cake4.jpg" width="33%"/>
<img src="img/cake5.jpg" width="33%"/>
<p>cakes</p>
<p>I recently also got into baking bread.</p>
<img src="img/bread1.jpg" width="49%"/>
<img src="img/bread2.jpg" width="49%"/>
<p>But I'm still learning!</p>
<p>Lastly, I would like you to meet my baking buddy.</p>
<img src="img/cat.jpg" width="100%"/>
<p>Her name is Bori.</p>

<div class="container">
    <div class="image-slider-wrapper">
        <ul id="image_slider">
            <li><img src="img/catyawn1.jpg" /></li>
            <li><img src="img/catyawn2.jpg" /></li>
            <li><img src="img/catyawn3.jpg" /></li>
            <li><img src="img/catyawn4.jpg" /></li>
        </ul>
    </div>
</div>

<p>I sometimes even take requests! Maybe I can share some of the baked goods with everyone.</p>

<footer><h3>Thanks for scrolling all the way down!</h3></footer>
</body>
</html>