samoshaughnessy.github.io/cooking.html at master · samoshaughnessy/samoshaughnessy.github.io · 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
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
<!DOCTYPE html>

<head>
  <meta charset="utf-8">
  <title>cooking - Sam O'Shaughnessy</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB"
    crossorigin="anonymous">
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp"
    crossorigin="anonymous">
  <link rel="stylesheet" href="animate.css">
  <link href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans" rel="stylesheet">
  <link rel="stylesheet" href="assets/stylesheet.css">
</head>

<body>
  <nav id="navbar-example" class="navbar fixed-top navbar-expand-lg navbar-dark">
    <a class="navbar-tag-line" href="index.html" target="_blank">
      <h2>Sam O'Shaughnessy Codes
        <br> Hong Kong based developer</h2>
    </a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
      aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarSupportedContent">
      <ul class="navbar-nav ml-auto">
        <li class="nav-item">
          <a class="nav-link" href="cooking.html" target="_blank">Cooking</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="campinghiking.html" target="_blank">Camping&Hiking</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="travel.html" target="_blank">Travel</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="pets.html" target="_blank">Pets</a>
        </li>
      </ul>
    </div>
  </nav>

  <section class="cooking-banner">
  </section>

  <section class="row-purple">
    <div class="lead container">
      <h1>Cooking</h1>
      <p>Growing up in Hong Kong and being able to travel exposed me to a multitude of cultures, so I have experienced a variety
        of cooking styles. I enjoy basically all cuisines and have experimented in cooking them too. On a day to day basis
        I usually cook western food and thus my favorite dish to make is a traditional roast with all the complimentary bits.</p>
    </div>
  </section>

  <section class="row-orange">
    <section class="cooking-content">
      <section class="cooking" id="Bento">
        <section class="container">
          <div class="row">
            <div class="col-lg-6">
              <h3>Cooking Bento</h3>
              <br>
              <p>I like to cook Japanese Bento boxes because they allow the chef to show attention to detail on all the different
                cooking styles that make up this delicous Japanese lunch, with this in mind, the dish is not to complex to
                make.</p>
            </div>
            <div class="cooking-info">
              <div class="col-lg-6">
                <img src="assets/cooking-image1.JPG" alt="bento box">
              </div>
            </div>
        </section>
      </section>
      <section class="cooking" id="Dumpling">
        <section class="container">
          <div class="row">
            <div class="col-lg-6">
              <h3>Making dumplings</h3>
              <br>
              <p>Making dumplings is a great activity as it is fun, easy to do and afterwards there is loads of food to eat.
                I must confess that I do buy the skins, but I like to experiment with different fillings. My favorite dumplings
                are similar to Japanese Gyoza however to be healthier I usually make boiling dumplings.</p>
            </div>
            <div class="cooking-info">
              <div class="col-lg-6">
                <img src="assets/raw-image3.JPG" alt="dumplings">
              </div>
            </div>
        </section>
      </section>
      <section class="cooking" id="Cookies">
        <section class="container">
          <div class="row">
            <div class="col-lg-6">
              <h3>Baking Cookies</h3>
              <br>
              <p>Baking is a very worthwhile endevour, starting with humble ingredients you are able to make brilliant foods
                from a loaf of bread to a delcious cake. Making cookies is a nostalgic treat and when I bake some I bake
                alot.</p>
            </div>
            <div class="cooking-info">
              <div class="col-lg-6">
                <img src="assets/cooking-image10.JPG" alt="cookies">
              </div>
            </div>
        </section>
      </section>
    </section>
  </section>

  <footer class="primary-footer" id="contact-me">
    <section class="container">
      <div class="row">
        <div class="col-lg-6" id="bordered">
          <h3>Say hey</h3>
          <p>Now you've seen my homepage, please checkout the rest!</p>
          <p>If you would like to contact me please click below</p>
          <a class="btn-contact" href="mailto:samoshaughnessy123@hotmail.com?subject=Reaching%20Out&body=How%20are%20you" target="_blank">Contact Me</a>
          <br>
          <div id="copyright">
            <small>&copy; Sam O'Shaughnessy</small>
          </div>
        </div>
        <div class="col-lg-6" id="bordered">
          <h3>Socials</h3>
          <p>You can also look for my work on-the-line via the icons below</p>
          <a href="https://www.facebook.com/sam.oshaughnessy" target="_blank">
            <i class="fab fa-facebook-square"></i>
          </a>
          <p>facebook.com//sam.oshaughnessy</p>
          <a href="https://github.com/samoshaughnessy" target="_blank">
            <i class="fab fa-github"></i>
          </a>
          <p>github.com/samoshaughnessy</p>
        </div>
      </div>
    </section>

    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
      crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49"
      crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T"
      crossorigin="anonymous"></script>
    <script src="smooth-scroll.min.js"></script>
    <script src="ppjs.js"></script>
</body>


</html>