samoshaughnessy.github.io/pets.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
<!DOCTYPE html>

<head>
  <meta charset="utf-8">
  <title>pets - 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="pet-banner">
  </section>
  <section class="row-orange">
    <div class="lead container">
      <h1>Pets</h1>
      <br>
      <p>At present I have a few pets under my care, my favorite, is leo-pard, the leopard gecko, he is extremely chill and
        loves to eat crickets. I also have a fish tank with fish and shrimp, as well as a hamster who is crazy about coconuts.</p>
      <p>If it were up to my brothers and my girlfirend we would also have a dog, but I will only consider one when we are living
        closer to nature.</p>
    </div>
  </section>
  <section id="pet-pictures" class="row-purple">
    <section class="pets" id="Leopard">
      <section class="container">
        <div class="row">
          <div class="col-lg-6">
            <h3>Leo-pard the
              <br> Leopard gecko</h3>
            <br>
            <p>This is Leo-pard, he enjoys basking in the sun and eating crickets. He recently shed his skin and this is very
              beneficial and means he is growing well.</p>
            <p>Reptiles need heat sources and are unable to generate their own heat, in the wild they would be relient on the
              sun.
            </p>
            <br>
            <p>If you would like to learn more</p>
            <p>
              <a class="btn-learn" href="http://www.thebeardeddragon.org/leopard-gecko/leopard-gecko.php" target="_blank">Click here</a>
            </p>
          </div>
          <div class="pet-info">
            <div class="col-lg-6">
              <img src="assets/pet-banner.JPG" alt="Leopard in cave" target="_blank">
            </div>
          </div>
      </section>
    </section>
    <section class="pets" id="moley">
      <section class="container">
        <div class="row">
          <div class="col-lg-6">
            <h3>Moley the
              <br> Syrian hamster</h3>
            <br>
            <p>Moley is the second hamster that I have taken care of since coming back to Hong Kong, as I said before he loves
              coconut and running on his wheel during the early hours.</p>
            <p>Hamsters are cute, but they can bite if they are not handled enough or not handled well, for the healthiest relationship
              with your hamster do not force them to interact.</p>
            <br>
            <p>For more information about hamsters</p>
            <p>
              <a class="btn-learn" href="http://thehamsterhouse.com/hamster-info/hamster-facts/ " target="_blank">Click here</a>
            </p>
          </div>
          <div class="pet-info">
            <div class="col-lg-6">
              <img src="assets/pet-image1.jpg" alt="moley pocket">
            </div>
          </div>
      </section>
    </section>
  </section>


  <footer class="primary-secondary" 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>