caraingram.github.io/index.html at main · caraingram/caraingram.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
<!DOCTYPE HTML>
<html>
	<head>
		<title>Cara Ingram</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
		<link rel="stylesheet" href="assets/css/main.css" />
		<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
	</head>
	<body class="is-preload">

		<!-- Wrapper -->
			<div id="wrapper">

				<!-- Header -->
					<header id="header" class="alt">
						<spabodn class="logo"><img src="https://raw.githubusercontent.com/caraingram/caraingram.github.io/main/images/me.jpeg" alt="" width="350" height="350" /></span>
						<h1>Cara Ingram</h1>
					</header>

				<!-- Nav -->
					<nav id="nav">
						<ul>
							<li><a href="#intro" class="active">About Me</a></li>
							<li><a href="#first">Experience</a></li>
							<li><a href="#second">Websites</a></li>
						</ul>
					</nav>

				<!-- Main -->
					<div id="main">

						<!-- About me -->
							<section id="intro" class="main">
								<div class="spotlight">
									<div class="content">
										<header class="major">
											<h2>About me</h2>
										</header>
										<p>I have been coding since I was a freshman in high school, which started by teaching myself on Code Academy, taking the AP computer science course in high school, then participating in the Girls Who Code program at Adobe in San Jose. These experiences really solidified my passion for coding. I am now about to complete my senior year with a degree in computer science. I hope to be part of something where I can utilize my skills with computers, along with my creativity and desire to work with and help others. I am fascinated by the world of technology and look forward to the opportunities that the future may hold.</p>
									</div>
									<span class="image"><img src="images/gwc.png" alt="" /></span>
								</div>
							</section>

						<!-- Resume -->
							<section id="first" class="main special">
								<header class="major">
									<h2>Experience</h2>
								</header>
								<ul class="features">
									<li>
										<span class="icon solid major style1 fas fa-user-graduate"></span>
										<h3>Education</h3>
										<ul class="actions special">
											<a href="education.html" class="button">Learn More</a>
										</ul>
									</li>

									<li>
										<span class="icon solid major style3 fas fa-briefcase"></span>
										<h3>Work Experience</h3>
										<ul class="actions special">
											<a href="workexp.html" class="button">Learn More</a>
										</ul>
									</li>
									<li>
										<span class="icon solid major style5 fas fa-brain"></span>
										<h3>Skills</h3>
										<ul class="actions special">
											<a href="skills.html" class="button">Learn More</a>
										</ul>
									</li>
								</ul>

							</section>

						<!-- Websites -->
							<section id="second" class="main special">
								<header class="major">
									<h2>Websites</h2>
								</header>
								<ul class="statistics">

									<li class="style2">
										<span class="icon brands fab fa-linkedin"></span>
										<p1>https://www.linkedin.com/in/cara-ingram/</p1>
									</li>
									<li class="style3">
										<span class="icon brands fa-github"></span><br>
										<p1>https://github.com/caraingram</p1>
									</li>
									<li class="style4">
										<span class="icon solid fa-globe"></span><br>
										<p1>https://caraingram.github.io/</p1>
									</li>
								</ul>
								</footer>
							</section>
					</div>

				<!-- Footer -->
					<footer id="footer">
						<section>
							<spabodn class="me"><img src="images/ollie.png" alt="" width="300" height="300" /></span>

						</section>
						<section>
							<h2>Contact Me!</h2>
							<dl class="alt">
								<dt>Phone</dt>
								<dd>(925) 353-8100</dd>
								<dt>Email</dt>
								<dd>cingram@dons.usfca.edu</a></dd>
							</dl>
						</section>
					</footer>

			</div>

		<!-- Scripts -->
			<script src="assets/js/jquery.min.js"></script>
			<script src="assets/js/jquery.scrollex.min.js"></script>
			<script src="assets/js/jquery.scrolly.min.js"></script>
			<script src="assets/js/browser.min.js"></script>
			<script src="assets/js/breakpoints.min.js"></script>
			<script src="assets/js/util.js"></script>
			<script src="assets/js/main.js"></script>

	</body>
</html>