Skip to content

Commit be20a66

Browse files
author
Noemie
committed
Add Lorem ipsum and put footer to bottom 2
1 parent 5d2daba commit be20a66

File tree

5 files changed

+55
-32
lines changed

5 files changed

+55
-32
lines changed

about.html

+9-6
Original file line numberDiff line numberDiff line change
@@ -31,12 +31,15 @@ <h2>Te Haerenga Kaihanga o he Hūmenga</h2>
3131
</ul>
3232
</nav>
3333
</header>
34-
<main>
35-
36-
37-
38-
39-
</main>
34+
<div id='content'>
35+
<main>
36+
<p>Lorem ipsum dolor sit amet, at tota iusto integre vel, qui cu atqui facer interpretaris. Usu in dicit libris, ne semper quaeque petentium vix. At sea sanctus vivendo reprehendunt, cu placerat adipisci sed. Eam te autem gloriatur, et iudicabit euripidis intellegebat ius, qui ei ocurreret argumentum. Duo te explicari mnesarchum, ancillae intellegebat no mel, legimus ancillae explicari quo ex. Sit no purto urbanitas definiebas, qui dolorem tractatos id, in vix adhuc molestiae.</p>
37+
<p>No duis accusata democritum has, aperiri utroque aliquando nam an. Ei wisi aeterno inciderint nam, viris maiorum convenire et nam, in sea repudiandae interpretaris. Te vivendo molestiae neglegentur usu, mei dolore electram ad. Fastidii ocurreret persecuti ad duo, et velit debet partem nam, bonorum delectus praesent per ne. Cu hinc diceret inermis est, fugit ludus facilisis cu usu. Percipit definitiones vix an.</p>
38+
<p>Vero laoreet mel ad, falli omnium definitionem in nec. Eam nibh exerci ei, est ut impetus reprimique. Pro viris aliquam detraxit ei, usu ex nominavi definiebas. Vel et nostro democritum, ex putant integre epicurei his. Persius mnesarchum philosophia sit ut.</p>
39+
<p>Te nec natum laudem conceptam, est dicant libris eu. Eum et quando dolorem, ad pri accusam recusabo, no duo porro tation aliquip. Reque fabellas sit in, homero voluptaria inciderint te mel, mel ei labitur assueverit. Essent deseruisse vis ea, ut his splendide persequeris, et his viderer graecis omittantur.</p>
40+
<p>Ad pri porro iuvaret numquam, utamur probatus et cum. Te nec timeam docendi, ea mei blandit suavitate scriptorem, nisl sapientem qualisque usu an. In vero quaerendum mei, tale sententiae quo ad. Sed ne vitae prodesset, mea vide fierent ea, ad qui vero cibo. Ut pri iriure eligendi, est ex legendos scribentur, vel in iusto virtute verterem. Ut nam veri prodesset, minimum eleifend in has.</p>
41+
</main>
42+
</div>
4043
<footer>
4144
<nav>
4245
<a href="contact.html">Contact</a>

contact.html

+9-6
Original file line numberDiff line numberDiff line change
@@ -31,12 +31,15 @@ <h2>Te Haerenga Kaihanga o he Hūmenga</h2>
3131
</ul>
3232
</nav>
3333
</header>
34-
<main>
35-
<!--Add Ariana thread-->
36-
37-
38-
39-
</main>
34+
<div id='content'>
35+
<main>
36+
<p>Lorem ipsum dolor sit amet, at tota iusto integre vel, qui cu atqui facer interpretaris. Usu in dicit libris, ne semper quaeque petentium vix. At sea sanctus vivendo reprehendunt, cu placerat adipisci sed. Eam te autem gloriatur, et iudicabit euripidis intellegebat ius, qui ei ocurreret argumentum. Duo te explicari mnesarchum, ancillae intellegebat no mel, legimus ancillae explicari quo ex. Sit no purto urbanitas definiebas, qui dolorem tractatos id, in vix adhuc molestiae.</p>
37+
<p>No duis accusata democritum has, aperiri utroque aliquando nam an. Ei wisi aeterno inciderint nam, viris maiorum convenire et nam, in sea repudiandae interpretaris. Te vivendo molestiae neglegentur usu, mei dolore electram ad. Fastidii ocurreret persecuti ad duo, et velit debet partem nam, bonorum delectus praesent per ne. Cu hinc diceret inermis est, fugit ludus facilisis cu usu. Percipit definitiones vix an.</p>
38+
<p>Vero laoreet mel ad, falli omnium definitionem in nec. Eam nibh exerci ei, est ut impetus reprimique. Pro viris aliquam detraxit ei, usu ex nominavi definiebas. Vel et nostro democritum, ex putant integre epicurei his. Persius mnesarchum philosophia sit ut.</p>
39+
<p>Te nec natum laudem conceptam, est dicant libris eu. Eum et quando dolorem, ad pri accusam recusabo, no duo porro tation aliquip. Reque fabellas sit in, homero voluptaria inciderint te mel, mel ei labitur assueverit. Essent deseruisse vis ea, ut his splendide persequeris, et his viderer graecis omittantur.</p>
40+
<p>Ad pri porro iuvaret numquam, utamur probatus et cum. Te nec timeam docendi, ea mei blandit suavitate scriptorem, nisl sapientem qualisque usu an. In vero quaerendum mei, tale sententiae quo ad. Sed ne vitae prodesset, mea vide fierent ea, ad qui vero cibo. Ut pri iriure eligendi, est ex legendos scribentur, vel in iusto virtute verterem. Ut nam veri prodesset, minimum eleifend in has.</p>
41+
</main>
42+
</div>
4043
<footer>
4144
<nav>
4245
<a href="contact.html">Contact</a>

projects.html

+9-5
Original file line numberDiff line numberDiff line change
@@ -31,11 +31,15 @@ <h2>Te Haerenga Kaihanga o he Hūmenga</h2>
3131
</ul>
3232
</nav>
3333
</header>
34-
<!--Add Ariana thread-->
35-
36-
37-
38-
</main>
34+
<div id='content'>
35+
<main>
36+
<p>Lorem ipsum dolor sit amet, at tota iusto integre vel, qui cu atqui facer interpretaris. Usu in dicit libris, ne semper quaeque petentium vix. At sea sanctus vivendo reprehendunt, cu placerat adipisci sed. Eam te autem gloriatur, et iudicabit euripidis intellegebat ius, qui ei ocurreret argumentum. Duo te explicari mnesarchum, ancillae intellegebat no mel, legimus ancillae explicari quo ex. Sit no purto urbanitas definiebas, qui dolorem tractatos id, in vix adhuc molestiae.</p>
37+
<p>No duis accusata democritum has, aperiri utroque aliquando nam an. Ei wisi aeterno inciderint nam, viris maiorum convenire et nam, in sea repudiandae interpretaris. Te vivendo molestiae neglegentur usu, mei dolore electram ad. Fastidii ocurreret persecuti ad duo, et velit debet partem nam, bonorum delectus praesent per ne. Cu hinc diceret inermis est, fugit ludus facilisis cu usu. Percipit definitiones vix an.</p>
38+
<p>Vero laoreet mel ad, falli omnium definitionem in nec. Eam nibh exerci ei, est ut impetus reprimique. Pro viris aliquam detraxit ei, usu ex nominavi definiebas. Vel et nostro democritum, ex putant integre epicurei his. Persius mnesarchum philosophia sit ut.</p>
39+
<p>Te nec natum laudem conceptam, est dicant libris eu. Eum et quando dolorem, ad pri accusam recusabo, no duo porro tation aliquip. Reque fabellas sit in, homero voluptaria inciderint te mel, mel ei labitur assueverit. Essent deseruisse vis ea, ut his splendide persequeris, et his viderer graecis omittantur.</p>
40+
<p>Ad pri porro iuvaret numquam, utamur probatus et cum. Te nec timeam docendi, ea mei blandit suavitate scriptorem, nisl sapientem qualisque usu an. In vero quaerendum mei, tale sententiae quo ad. Sed ne vitae prodesset, mea vide fierent ea, ad qui vero cibo. Ut pri iriure eligendi, est ex legendos scribentur, vel in iusto virtute verterem. Ut nam veri prodesset, minimum eleifend in has.</p>
41+
</main>
42+
</div>
3943
<footer>
4044
<nav>
4145
<a href="contact.html">Contact</a>

styles/screen.css

+19-9
Original file line numberDiff line numberDiff line change
@@ -12,33 +12,36 @@ body {
1212
background-color: #012C34;
1313
font-family: 'Architects Daughter', cursive;
1414
margin: 0;
15+
position: relative;
16+
min-height: 100%;
1517
}
1618

1719
a {
1820
color: #6A959D;
1921
}
2022

23+
#home, #content {
24+
padding-bottom: 2.5rem;
25+
}
26+
2127
/* Home */
2228

2329
#home {
2430
width: 100%;
2531
display: flex;
2632
flex-direction: row;
33+
justify-content: space-around;
34+
align-items: center;
2735
color: #ccefff;
36+
padding-top: 8em;
2837
}
2938

3039
#hometext {
31-
margin: 3em 1em 1em;
32-
padding: 1em;
3340
font-size: 225%;
34-
flex: 50%;
3541
}
3642

3743
#homeimg {
38-
flex: 50%;
3944
border-radius: 50%;
40-
width: 500px;
41-
padding: 3em;
4245
}
4346

4447
#home a {
@@ -123,7 +126,7 @@ nav .dropdown-content a {
123126
text-align: left;
124127
}
125128

126-
nav .dropdown-content a:hover {background-color: #f1f1f1;}
129+
nav .dropdown-content a:hover {}
127130

128131
nav .dropdown:hover .dropdown-content {
129132
display: block;
@@ -134,12 +137,12 @@ nav .dropdown:hover .dropdown-content {
134137

135138
#content {
136139
color: #552900;
137-
background-color: #ccefff;
140+
background-color: #e9dbc8;
138141
font-family: "Trebuchet MS", helvetica, sans-serif ;
139142
}
140143

141144
main {
142-
width: 75%;
145+
width: 65%;
143146
margin: 0 auto;
144147
padding: 2em;
145148
}
@@ -236,6 +239,13 @@ main a {
236239

237240
/* Footer */
238241

242+
#footer {
243+
position: absolute;
244+
bottom: 0;
245+
width: 100%;
246+
height: 2.5rem;
247+
}
248+
239249
footer a {
240250
display: inline-block;
241251
padding: 0 1em;

wandering_anemone.html

+9-6
Original file line numberDiff line numberDiff line change
@@ -31,13 +31,16 @@ <h2>Te Haerenga Kaihanga o he Hūmenga</h2>
3131
</ul>
3232
</nav>
3333
</header>
34-
<main>
35-
36-
3734

38-
39-
40-
</main>
35+
<div id='content'>
36+
<main>
37+
<p>Lorem ipsum dolor sit amet, at tota iusto integre vel, qui cu atqui facer interpretaris. Usu in dicit libris, ne semper quaeque petentium vix. At sea sanctus vivendo reprehendunt, cu placerat adipisci sed. Eam te autem gloriatur, et iudicabit euripidis intellegebat ius, qui ei ocurreret argumentum. Duo te explicari mnesarchum, ancillae intellegebat no mel, legimus ancillae explicari quo ex. Sit no purto urbanitas definiebas, qui dolorem tractatos id, in vix adhuc molestiae.</p>
38+
<p>No duis accusata democritum has, aperiri utroque aliquando nam an. Ei wisi aeterno inciderint nam, viris maiorum convenire et nam, in sea repudiandae interpretaris. Te vivendo molestiae neglegentur usu, mei dolore electram ad. Fastidii ocurreret persecuti ad duo, et velit debet partem nam, bonorum delectus praesent per ne. Cu hinc diceret inermis est, fugit ludus facilisis cu usu. Percipit definitiones vix an.</p>
39+
<p>Vero laoreet mel ad, falli omnium definitionem in nec. Eam nibh exerci ei, est ut impetus reprimique. Pro viris aliquam detraxit ei, usu ex nominavi definiebas. Vel et nostro democritum, ex putant integre epicurei his. Persius mnesarchum philosophia sit ut.</p>
40+
<p>Te nec natum laudem conceptam, est dicant libris eu. Eum et quando dolorem, ad pri accusam recusabo, no duo porro tation aliquip. Reque fabellas sit in, homero voluptaria inciderint te mel, mel ei labitur assueverit. Essent deseruisse vis ea, ut his splendide persequeris, et his viderer graecis omittantur.</p>
41+
<p>Ad pri porro iuvaret numquam, utamur probatus et cum. Te nec timeam docendi, ea mei blandit suavitate scriptorem, nisl sapientem qualisque usu an. In vero quaerendum mei, tale sententiae quo ad. Sed ne vitae prodesset, mea vide fierent ea, ad qui vero cibo. Ut pri iriure eligendi, est ex legendos scribentur, vel in iusto virtute verterem. Ut nam veri prodesset, minimum eleifend in has.</p>
42+
</main>
43+
</div>
4144
<footer>
4245
<nav>
4346
<a href="contact.html">Contact</a>

0 commit comments

Comments
 (0)