Skip to content

Commit ce7bace

Browse files
Anjali DevakumarAnjali Devakumar
Anjali Devakumar
authored and
Anjali Devakumar
committed
updating index
1 parent b9f8ac1 commit ce7bace

File tree

9 files changed

+201
-0
lines changed

9 files changed

+201
-0
lines changed

‎.DS_Store‎

6 KB
Binary file not shown.

‎code.jpg‎

25 KB
Loading

‎customstyle.css‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
.navbar {
2+
background-color: #881c1c;
3+
}
4+
5+
#header1 {
6+
color : #881c1c;
7+
}
8+
9+
body {
10+
font-family: sans-serif;
11+
}
12+
13+
#anj {
14+
font-size: 70px;
15+
font-family: 'Changa One', cursive;
16+
17+
}

‎download.png‎

4.66 KB
Loading

‎index.html‎

Lines changed: 184 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,184 @@
1+
<!DOCTYPE html>
2+
<head>
3+
<meta charset="utf-8">
4+
<meta name="viewport" content="width=device-width, initial-scale=1">
5+
<title>Anjali's Personal Website!</title>
6+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.1/css/bulma.min.css">
7+
<link href="https://fonts.googleapis.com/css?family=Changa+One" rel="stylesheet">
8+
<link rel="stylesheet" href="customstyle.css">
9+
<script defer src="https://use.fontawesome.com/releases/v5.0.7/js/all.js"></script>
10+
<script src="/Users/anjalidevakumar/node_modules/bulma-extensions/bulma-timeline/dist/bulma-timeline.min.js"></script>
11+
</head>
12+
13+
<body>
14+
<!-- Container element -->
15+
<div class="container is-fullhd has-background-info">
16+
<div class="field is-grouped">
17+
<nav class="navbar is-fixed-top">
18+
<div class="navbar-end is-fixed-top">
19+
<span class="navbar-item">
20+
<a class="button is-small is-outlined" href="#about">
21+
<span class="icon">
22+
<i class="fa fa-home" aria-hidden="true"></i>
23+
</span>
24+
<span>About</span>
25+
</a>
26+
</span>
27+
<span class="navbar-item">
28+
<a class="button is-small is-inverted" href="#experience">
29+
<span class="icon">
30+
<i class="fa fa-line-chart" aria-hidden="true"></i>
31+
</span>
32+
33+
<span>Work</span>
34+
</a>
35+
</span>
36+
<span class="navbar-item">
37+
<a class="button is-small is-inverted is-outlined" href="#">
38+
<span class="icon">
39+
<i class="fa fa-cogs" aria-hidden="true"></i>
40+
41+
</span>
42+
<span>Projects</span>
43+
</a>
44+
</span>
45+
<span class="navbar-item">
46+
<a class="button is-small is-inverted" href="#">
47+
<span class="icon">
48+
<i class="fa fa-address-book" aria-hidden="true"></i>
49+
50+
</span>
51+
<span>Connect!</span>
52+
</a>
53+
</span>
54+
</div>
55+
</div>
56+
</div>
57+
</nav>
58+
59+
<section class="hero is-white is-medium section-padding-medium">
60+
<div class="hero-body">
61+
<div id="About">
62+
<div class="container has-text-centered">
63+
<div class="column is-6 is-offset-3">
64+
<h1 id="anj" class="title is-1">ANJALI DEVAKUMAR</h1>
65+
66+
</div>
67+
<div class="column is-8 is-offset-2 ">
68+
<h1 class="title is-4 has-text-black has-text-weight-light">I'm a hardworking student passionate about the intersections of human-computer interaction, visual psychology, and computing for good to create thoughtful user experiences.</h1>
69+
70+
<h1 class="title is-4 has-text-weight-light">Currently studying Computer Science at the University of Massachusetts, Amherst with a minor in Psychology.</h1>
71+
</div>
72+
</div>
73+
</div>
74+
75+
</div>
76+
</section>
77+
78+
<div id="Experience">
79+
<section class="section is-light">
80+
<div class="container is-centered">
81+
<h1 id="header1" class="title is-3 has-text-centered">About</h1>
82+
83+
<h2 class = "content has-text-weight-light has-text-left" >
84+
s a student in UMass Amherst’s , I have taken Psychology, Communication Disorders, and Linguistics classes in addition to Computer Science; this diverse exposure has led to an interest in <strong>Human-Computer Interaction</strong>. My primary research goals include understanding how people process information, form decisions and engage with technology in order to build effective tools.
85+
86+
another goal is to design accessible educational technology and ensure an accommodating, stress-free experience for them.
87+
88+
I plan on attending graduate school in Cognitive Science or Human-Computer Interaction, hoping to enrich my knowledge of human behavior, cognitive processes, and technology. Currently, I am working in a lab to gain research experience and plan on writing a thesis to prepare for graduate school. After graduate school, I will work as a User-Experience designer to create effective, accessible, and aesthetic user interfaces to ensure the best possible user experience and aid in solving problems.
89+
</div>
90+
</section>
91+
92+
<div id="experience">
93+
<section class="section is-light">
94+
<div class="container is-centered">
95+
<h1 id="header1" class="title is-3 has-text-centered">Experience</h1>
96+
<div class="tile is-ancestor">
97+
<div class="tile is-parent">
98+
<article class="tile is-child box">
99+
<figure class="image is-1by1">
100+
<img src="tjx-logo-vector.png">
101+
</figure>
102+
<p class="title is-5 has-text-centered">Security Operations Intern</p>
103+
<p class="subtitle has-text-centered">May - August 2018</p>
104+
</article>
105+
</div>
106+
<div class="tile is-parent">
107+
<article class="tile is-child box">
108+
<figure class="image is-1by1">
109+
<img src="optum.png">
110+
</figure>
111+
<p class="title is-5 has-text-centered">Data Analytics Intern</p>
112+
<p class="subtitle has-text-centered">June - August 2017</p>
113+
</article>
114+
</div>
115+
<div class="tile is-parent">
116+
<article class="tile is-child box">
117+
<figure class="image is-1by1">
118+
<img src="umass.png">
119+
</figure>
120+
<p class="title is-5 has-text-centered">Recruitment and Outreach</p>
121+
<p class="subtitle has-text-centered">January 2016 - Present</p>
122+
</article>
123+
</div>
124+
<div class="tile is-parent">
125+
<article class="tile is-child box">
126+
<figure class="image is-1by1">
127+
<img src="code.jpg">
128+
</figure>
129+
<p class="title is-5 has-text-centered">Volunteer Instructor</p>
130+
<p class="subtitle has-text-centered">January 2016 - Present</p>
131+
</article>
132+
</div>
133+
</article>
134+
</div>
135+
</div>
136+
</div>
137+
138+
</section>
139+
140+
</div>
141+
<div class="column is-6 is-offset-3">
142+
<a class="button is-large is-fullwidth is-text">View Full Resume</a>
143+
144+
</div>
145+
146+
<div id="projects">
147+
<section class="section is-light">
148+
<div class="container is-centered">
149+
<h1 id="header1" class="title is-3 has-text-centered">Projects</h1>
150+
<div class="tile is-ancestor">
151+
<div class="tile is-parent">
152+
<article class="tile is-child box">
153+
<p class="title">Fridge Helper</p>
154+
<p class="subtitle">What is up?</p>
155+
</article>
156+
</div>
157+
<div class="tile is-parent">
158+
<article class="tile is-child box">
159+
<p class="title">Foo</p>
160+
<p class="subtitle">Bar</p>
161+
</article>
162+
</div>
163+
<div class="tile is-parent">
164+
<article class="tile is-child box">
165+
<p class="title">Third column</p>
166+
<p class="subtitle">With some content</p>
167+
<div class="content">
168+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
169+
</div>
170+
</article>
171+
</div>
172+
</div>
173+
174+
</div>
175+
176+
</section>
177+
</div>
178+
179+
180+
181+
182+
</body>
183+
184+
</html>

‎main.js‎

Whitespace-only changes.

‎optum.png‎

2.28 KB
Loading

‎tjx-logo-vector.png‎

5.32 KB
Loading

‎umass.png‎

96.1 KB
Loading

0 commit comments

Comments
 (0)