-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·129 lines (129 loc) · 5.04 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Ash Trull</title>
<link rel="stylesheet" href="css/normalize.css" />
<link rel="stylesheet" href="css/main.css" />
<link rel="stylesheet" href="https://use.typekit.net/ixi8oum.css" />
<link
href="https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:200,300,400,700&display=swap"
rel="stylesheet"
/>
</head>
<body>
<header>
<div class="full-width">
<div class="half-width headline"><h1>Hi, I'm Ash Trull.</h1></div>
<div class="half-width tagline">
<h2>
I am a community organizer,<br />web developer,<br />&
agriculturalist<br />from Boston.
</h2>
</div>
</div>
</header>
<section class="my-work">
<h3 class="section-header">My Work</h3>
<div class="full-width work-section">
<div class="third-width">
<img
class="my-work-img"
src="img/facilitation-thumbnail.png"
alt="Facilitation image"
/>
</div>
<div class="third-width work-description">
<h4 class="work-section-title">Facilitation Consultant</h4>
<h5>Supporting justice groups doing their best work</h5>
<p>
I show my fluffy belly but it's a trap! if you pet it i will tear up
your hand jump launch to pounce upon little yarn mouse, bare fangs
at toy run hide in litter box until treats are fed but howl on top
of tall thing nap all day leave fur on owners clothes eat the
rubberband. Meow meow chase red laser dot.
</p>
</div>
</div>
<div class="full-width work-section">
<div class="third-width">
<img
class="my-work-img"
src="img/developer-thumbnail.png"
alt="Developer Image"
/>
</div>
<div class="third-width work-description">
<h4 class="work-section-title">Fullstack Web Developer</h4>
<h5>Creating web platforms for social change projects</h5>
<p>
I show my fluffy belly but it's a trap! if you pet it i will tear up
your hand jump launch to pounce upon little yarn mouse, bare fangs
at toy run hide in litter box until treats are fed but howl on top
of tall thing nap all day leave fur on owners clothes eat the
rubberband. Meow meow chase red laser dot.
</p>
</div>
</div>
<div class="full-width work-section">
<div class="third-width">
<img
class="my-work-img"
src="img/garden-thumbnail.png"
alt="Garden image"
/>
</div>
<div class="third-width work-description">
<h4 class="work-section-title">Garden Consultant</h4>
<h5>Designing beautiful and dynamic backyard farms</h5>
<p>
I show my fluffy belly but it's a trap! if you pet it i will tear up
your hand jump launch to pounce upon little yarn mouse, bare fangs
at toy run hide in litter box until treats are fed but howl on top
of tall thing nap all day leave fur on owners clothes eat the
rubberband. Meow meow chase red laser dot.
</p>
</div>
</div>
</section>
<section class="about-me">
<h3 class="section-header">About Me</h3>
<div class="third-width">
<img src="img/about-me-photo.png" alt="portrait" />
</div>
<div class="third-width about-me-description">
<p>
I am full stack web developer, community organizer, and ffarmer, using
my skills for justice, sustainabiilty, and liberation. For the last 10
years I have been involved in social action through community
organizing, building political campaigns, and managing projects that
solve the greatest challenges of our time.
</p>
<p>
As a systems thinker, I'm excited about problem-solving and figuring
out how to make the many moving pieces and processes flow together
seamlessly. I excel in coordinating groups of people in finding shared
purpose and goals, then creating a road map for getting there.
</p>
<p>
From agile development to strategic campaign organizing to farm
planning, I'm passionate about leveraging my passion and skills for
powerful, collaborative, world-changing work.
</p>
</div>
</section>
<section class="contact">
<h3 class="section-header">Let's Work Together</h3>
<div class="full-width contact-info">
<h4>hello@ashtrull.com</h4>
<img class="social-media-icon" src="img/twitter.png" alt="Twitter" />
<img class="social-media-icon" src="img/linkedin.png" alt="LinkedIn" />
<img class="social-media-icon" src="img/github.png" alt="Github" />
</div>
</section>
<footer>
<div class="full-width">
<h5>Copyright 2019 | Ash Trull</h5>
</div>
</footer>
</body>
</html>