marniwild.github.io/index.html at master · marniwild49/marniwild.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
<!DOCTYPE html>
<html lang="en">
<head>

<link rel="stylesheet" href="styles/main.css">
<title>Page Title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>

<div class="header">

</div>

<div class ="navbar">
  <a href="sprint1.html">Sprint 1</a>
  <a href="sprint2.html">Sprint 2</a>
  <a href="sprint3.html">Sprint 3</a>
  <a href="sprint4.html">Sprint 4</a>
  <a href="sprint5.html">Sprint 5</a>
  <a href="index.html" class="right">Home</a>
  <div class="dropdown">
      <button class="dropbtn">Social Media
          <i class="fa fa-caret-down"></i>
      </button>
  <div class="dropdown-content">
      <a href="#">Facebook</a>
      <a href="#">Instagram</a>
      <a href="#">Snapchat</a>
      </div>
  </div>
  </div>

<div class="row">
  <div class="side">
    <h2>Marni Wild</h2>
    <img id="profilePic" src="photos/marni.jpg" alt ="Te Aroha 2019">
    <p>These photo's were taken at the top of Wairere falls in Matamata.
      I was travelling the north Island in my camper-van (living the life).
      During my travels, I did a lot of hiking including the great walk Lake Waikaremoana.

    </p>
    <img id="pic" src=photos/waterful.jpg>
    <div class="fakeimg" style="height:60px;"><br>
      <div class="fakeimg" style="height:60px;"></div><br>
      <div class="fakeimg" style="height:60px;"></div>
    </div>
  </div>
  <div class="main">
    <h2>About me</h2>
    <div class="fakeimg" style="height:1px;"></div>
    <p>I was born in Palmerston North on the 23rd of september, as my mum was
      giving birth to me we both almost died as she was having severe blot clots.
      It was a miracle that we both survied the experience. After birth my parents moved, to
      Paekakariki where I grew up until the age of 5, when we moved to Wellington central.

    </p>
    <p>While growing up in Wellington, I have always been an adventurous person, I've
      always enjoyed the outdoors and taking risks, when I was only 3 years old my parents lost me,
      and found me on top of a cafe roof, where I'd climbed up the drain pipe. From a young age I've also been quite musical
      and grew up with a wide taste in music. I started drumming since the age of 10,
      and was in a band at the age of 12.
    </p>
    <br>
    <h2>Whanau</h2>
    <p>Some text..</p>
    <p>Sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p>
    <p>Sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p>
    <p>Sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p>
    <p>Sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p>
    <p>Sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p>
    <p>Sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p>
    <p>Sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p>
    <p>Sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p>
    <p>Sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p>
    <p>Sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p>
    <p>Sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p>

  </div>
</div>

<div class="footer">
  <div class="social-icons section">
      <div style="float: left;">
        <p style="color: gray;">Contact us: Email - <span class="page"><a href ="Mailto:Marniwild49@gmail.com">Marniwild49@gmail.com</a> </span> Ph - 021929410 </p>  <span class="topage"></span>
      </div>
      <div style="float: right">
        <a href="" target="_blank">
          <img src="https://raw.githubusercontent.com/rohitink/sociocons/master/Sociocons/facebook-sociocon.png" style="max-height: 32px;" alt="Facebook">
        </a>
        <a href="https://github.com/marniwild" target="_blank">
          <img src="https://raw.githubusercontent.com/rohitink/sociocons/master/Sociocons/github-sociocon.png" style="max-height: 32px;" alt="Github">
        </a>
        <a href="mailto:marniwild49@gmail.com" target="_blank">
          <img src="https://raw.githubusercontent.com/rohitink/sociocons/master/Sociocons/email-sociocon.png" style="max-height: 32px;" alt="Email">

        </a>
      </div>
    </div>
<h2></h2>
</div>
</body>
</html>