MyWebsite/financialaid.html at master · ilianac/MyWebsite · 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
132
133
134
135
136
137
138
139
140
141
<!DOCTYPE HTML>
<!--
	Urban by TEMPLATED
	templated.co @templatedco
	Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
-->
<html>
	<head>
		<title>Pa'lante</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<link rel="icon" href="images/palanteLogo.png">
		<link rel="stylesheet" href="assets/css/main.css" />
	</head>
	<body class="subpage">

		<!-- Right Hand Header -->
			<header id="header">
				<div class="logo"><a href="index.html"> </a></div>
				<a href="#menu">Menu</a>
			</header>

		<!-- Navigation Bar -->
			<<nav id="menu">
				<ul class="links">
					<li><a href="index.html">Home</a></li>
					<!--<li><a href="professional.html">Professional Website</a></li> -->
					<li><a href="palante-main.html">Pa'lante!</a></li>
					<li><a href="general.html">General Information</a></li>
					<li><a href="materials.html">Materials</a></li>
					<li><a href="financialaid.html">Finacial Aid</a></li>
				</ul>
			</nav>

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

				<!-- Section 1 -->
					<section class="wrapper">
						<div class="inner">
							<header class="align-center">
								<h1>Financial Aid</h1>
								<p>Con Orgullo, nopal en la frente y Pa'lante!<br></p>

							</header>
							<div class="row">
								<div class="6u 12u$(small)">
									<h3>Asistencia Financiera </h3>
									<p>Vamos ha hablar sobre DINERO</p>
								</div>
								<div class="6u$ 12u$(small)">
									<!--Spanish FinAid -->
  									<iframe width="560" height="315" src="https://www.youtube.com/embed/jg2EKOppMyM" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
								</div>

									<!--<h3>Resources</h3>
										<div class="box">
											<p>Felis sagittis eget tempus primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Magna sed etiam ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus lorem ipsum dolor sit amet nullam.</p>-->
									<div class="6u 12u$(small)">
									<h3>Financial Aid</h3>
									<p>Let's talk about MONEY!</p>
								</div>

								<div class="6u$ 12u$(small)">
  									<!--English FinAid -->
  									<iframe width="560" height="315" src="https://www.youtube.com/embed/gi8pyZ7mw0E" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
								</div>

									<!--<h3>Resources</h3>
										<div class="box">
											<p>Felis sagittis eget tempus primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Magna sed etiam ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus lorem ipsum dolor sit amet nullam.</p>
										</div>

									<p>Etiam posuere hendrerit arcu, ac blandit nulla. Sed congue malesuada nibh, a varius odio vehicula aliquet. Aliquam consequat, nunc quis sollicitudin aliquet, enim magna cursus auctor lacinia nunc ex blandit augue. Ut vitae neque fermentum, luctus elit fermentum, porta augue. Nullam ultricies, turpis at fermentum iaculis, nunc justo dictum dui, non aliquet erat nibh non ex.</p>
									<h3>Esto es Pa'lante!</h3>
									<p>Sed congue malesuada nibh, a varius odio vehicula aliquet. Aliquam consequat, nunc quis sollicitudin aliquet, enim magna cursus auctor lacinia nunc ex blandit augue. Ut vitae neque fermentum, luctus elit fermentum, porta augue. Nullam ultricies, turpis at fermentum iaculis, nunc justo dictum dui, non aliquet erat nibh non ex. Sed sollicitudin bibendum ultricies. Vivamus tristique justo lacinia dui tempus consequat. Integer tristique eu nisi nec fermentum. Ut malesuada quis massa at ultricies. Donec gravida ipsum in augue volutpat laoreet. Ut lobortis turpis sit amet sodales ultrices.</p>
								</div>
								<div class="col col1 fiSSge round fit"> -->
										<!--<img src="images/palanteLogo.png" alt="" /></a>-->

							<br><h3>Más contenido próximamente! 21.08.18 </h3>
									<h3>More content coming soon! 08.21.18</h3>
						</div>
					</section>

<!-- Section 2 -->
					<section class="wrapper style1">
						<div class="inner">
							<header class="align-center">
								<h2>Content/Contenido</h2>
								<p>Find what you need under these tabs!<br>¡Encuentra lo que necesitas en estas pestañas! </p>
							</header>
							<div class="flex flex-3">
								<div class="col align-center">
									<div class="image round fit">
										<img src="images/start.png" alt="" />
									</div>
									<p>The basics of the College Process can be found here!<br><br><a href="general.html" class="button">Learn More</a><br><br>¡Los fundamentos del Proceso de la Universidad se pueden encontrar aquí!</p>
								</div>
								<div class="col align-center">
									<div class="image round fit">
										<img src="images/essays.png" alt="" />
									</div>
									<p>Information on materials for college applications can be found here!<br><br><a href="materials.html" class="button">Learn More</a><br><br>¡Información sobre los materiales para las aplicaciones se puede encontrar aquí! </p>
								</div>
								<div class="col align-center">
									<div class="image round fit">
										<img src="images/moneySign.jpg" alt="" />
									</div>
									<p>Information on finacial aid can be found here! <br><br><a href="financialaid.html" class="button">Learn More</a><br><br> ¡La información sobre la ayuda financiera se puede encontrar <br>aquí! </p>
								</div>
							</div>
						</div>
					</section>

			</div>

<!-- Footer -->
			<footer id="footer">
				<div class="copyright">
					<ul class="icons">
						<li><a href="https://twitter.com/ilianaa_cantu" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
						<li><a href="https://www.facebook.com/ilianadaniela.cantu" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
						<li><a href="https://www.instagram.com/iliana_cantu/" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
						<li><a href="https://www.snapchat.com/add/ilianaa_cantu" class="icon fa-snapchat"><span class="label">Snapchat</span></a></li>
						<li><a href="https://www.linkedin.com/in/iliana-daniela-cantu-a6829b128" class="icon fa-linkedin"><span class="label">LinkedIn</span></a></li>
					</ul>
					<p>&copy; Pa'lante. All rights reserved. Design: <a href="https://templated.co">TEMPLATED</a>.</p>
				</div>
			</footer>

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

	</body>
</html>