-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathabout.html
160 lines (146 loc) · 11.5 KB
/
about.html
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
152
153
154
155
156
157
158
159
160
<html>
<head>
<title>Madison Hutchings | About</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous"> <link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://use.typekit.net/tlp0aol.css">
<link rel="stylesheet" href="https://use.typekit.net/tlp0aol.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-SKX7SRMPGC"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-SKX7SRMPGC');
</script>
</head>
<body>
<div class="container">
<div id="bottomright" class="bg">
<div class="name"><h2 style="font-size: 5vh;">Madison Hutchings</h2></div>
<nav style="top: -10%" class="navbar navbar-expand-lg navbar-light bg-transparent">
<div class="navbar-header">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand-special" aria-expanded="false" href="index.html"><img src="./logo.png" width="110" height="55"></a>
</div>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<ul class="navbar-nav mr-auto">
<li class="nav-item mr-auto">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item mr-auto">
<a class="nav-link" href="resume.html">Portfolio + Resume</a>
</li>
</ul>
<ul class="navbar-nav">
<li class="nav-item mr-auto">
<a class="nav-link" href="travels.html">Travels</a>
</li>
<li class="nav-item mr-auto">
<a class="nav-link" href="thesis.html">Thesis</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
<br>
<h2 style="text-align: center;">About me</h2>
<br>
<div class="container">
<div class="row">
<div class="col-xl-5 col-lg-5 col-md-5"><img style="width: 100%;" src="https://lh3.googleusercontent.com/7VSQAavFEDxO7Gzth5066FQ33Kbk9uoKY_wcKQsrrePdoE3_olI4Qy9JSdLa_Uoi_N2sAeoMv8IznH9IvuKRdmunZhDDB4ToNho1rSSjhlLlTyCuz8f11dbb6rCw8iE4gI9FtN3c18I=w600-h315-p-k"></div>
<div class="col-xl-7 col-lg-7 col-md-7">
<p>
"Madison is from Virginia and currently studying landscape architecture at Virginia Tech. She chose to study landscape architecture because it combines her love for creative thinking, working with people, and the outdoors. She is inspired and informed by the places and people she has met through personal travel, volunteering, and internships around the US. These experiences taught her the importance and power of public space and the great responsibility that comes with designing them. She covered this concept in her thesis, exploring how the design and programming of public space can build strong relationships and equity." - Landscape Architecture Foundation
</p>
<p>
Hello and thank you for your interest and exploring my website! I am a recent Virginia Tech Bachelor's of Landscape Architecture graduate and am currently staying with my family in Virginia until I find my next opportunity. I hope you'll enjoy looking through some of my work and getting to know me a bit more.
</p>
<p>
My work seeks to bring Landscape Architecture into national dialogues as a medium to overcome the many obstacles our society faces. I strive to make our work and profession relevant and powerful by engaging with the emotions people experience when visiting my sites. I believe design must be bold and empowering, never invisible, to capture and shape emotions and ensure that a design’s intentions expand well beyond its site boundary.
</p>
</div>
</div>
</div>
<br>
<br>
<!-- <div class="container">
<div style="text-align: center;">
<h4>Contact me!</h4>
<br>
<div class="justify-content-center">
<form>
<div class="form-row">
<div class="col">
<input type="text" id="firstname" class="form-control" placeholder="First name">
</div>
<div class="col">
<input type="text" id="lastname" class="form-control" placeholder="Last name">
</div>
</div>
<br>
<div class="form-group">
<label for="exampleFormControlInput1">Email address</label>
<input type="email" id="email" class="form-control" id="exampleFormControlInput1" placeholder="[email protected]">
</div>
<div class="form-group">
<label for="exampleFormControlInput1">Subject</label>
<input type="text" id="subject" class="form-control" placeholder="Subject">
</div>
<div class="form-group">
<label for="exampleFormControlTextarea1">Message</label>
<textarea class="form-control" id="message" id="exampleFormControlTextarea1" rows="3"></textarea>
</div>
<button type="submit" onclick="emailMsg()" class="btn btn-primary">Submit</button>
</form>
<script>
async function emailMsg() {
var firstName = String(document.getElementById("firstname").value);
var lastName = String(document.getElementById("lastname").value);
var email = String(document.getElementById("email").value);
var message = String(document.getElementById("message").value);
var subject = String(document.getElementById("subject").value);
var data = {
// "toEmail": "[email protected]",
"msg": message,
// "subject": subject,
"from": firstName + " " + lastName + "\nEmail: " + email
}
console.log(data);
const response = await fetch("https://messaging-server4.herokuapp.com/email", {
method: 'POST', // *GET, POST, PUT, DELETE, etc.
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify(data) // body data type must match "Content-Type" header
});
// return response.json(); // parses JSON response into native JavaScript objects
console.log(response.status);
}
</script>
</div>
</div>
</div> -->
<br>
<br>
<footer>
<div class="container">
<div class="row">
<div style="margin: auto;">
<!-- https://iconmonstr.com/ You can change the color!-->
<a style="padding: 10px" href="https://www.instagram.com/madisonshae28/" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/></svg></a>
<a style="padding: 10px; position: relative; top:-3px;" href="https://www.linkedin.com/in/madison-shae-hutchings/" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24"><path d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z"/></svg></a>
<a style="padding: 10px" href="mailto:[email protected]" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24"><path d="M0 3v18h24v-18h-24zm6.623 7.929l-4.623 5.712v-9.458l4.623 3.746zm-4.141-5.929h19.035l-9.517 7.713-9.518-7.713zm5.694 7.188l3.824 3.099 3.83-3.104 5.612 6.817h-18.779l5.513-6.812zm9.208-1.264l4.616-3.741v9.348l-4.616-5.607z"/></svg></a>
</div>
</div>
</div>
</footer>
<br>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
</body>
</html>