remember

when I was using this?

It's okay. It's fuzzy to me, too. This was made in maybe 2015 or 2016 as my second site layout. Feel free to use it as a template or fix / play around with it. I always thought that those turquoise highlights would also look nice as red. ;)

put

section

links

here

04.07.18

HTML

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>imaginings</title>
		<link href='https://fonts.googleapis.com/css?family=Merriweather+Sans:300,300italic|Roboto+Slab:300' rel='stylesheet' type='text/css'>
	</head>
	<body>
		<div id="nav">
			<ul>
				<li><a href="http://imaginings.neocities.org/">home</a></li>
				<li><a href="http://imaginings.neocities.org">goodbye</a></li>
				<li><a href="http://imaginings.neocities.org">farewell</a></li>
				<li><a href="http://imaginings.neocities.org">adieu</a></li>
				<li><a href="http://imaginings.neocities.org">ciao</a></li>
				<li><a href="http://imaginings.neocities.org">adios</a></li>
				<li><a href="http://imaginings.neocities.org">au revoir</a></li>
				<li><a href="http://imaginings.neocities.org/">until</a></li>
				<li><a href="http://imaginings.neocities.org/">later</a></li>
			</ul>
		</div>
    
		<div class="main">
		<br><br><br> 
      
			<h1 class="main-title">remember</h1>
      
			<div class="main-des">
				<h2 class="des-name">when I was using this?</h2>
				<p>It's okay. It's fuzzy to me, too. This was made in maybe 2015 or 2016 as my second site layout. Feel free to use it as a template or fix / play around with the code wherever. I always thought that those turquoise highlights would also look nice as red. ;) </p>
			</div>
      
			<div class="content">
				<ul class="in-nav">
					<a href="#"><li>put</li></a>
					<a href="#"><li>section</li></a>
					<a href="#"><li>links</li></a>
					<a href="#"><li>here</li></a>
				</ul>
        
				<div class="thought">
					<h2 class="date">04.07.18</h2>
					<p>background credit to <a href="http://www.colourlovers.com/lover/Weirdy">Weirdy</a> of colourlovers</p>
				</div>
		
				<div class="thought">
					<h2 class="date">00.00.00</h2>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent aliquet sapien sit amet ornare vulputate. Suspendisse arcu nulla, euismod a nisi rutrum, vulputate egestas nunc. Sed posuere cursus erat, malesuada euismod nulla tincidunt a. Proin tristique diam dolor, sit amet laoreet nunc congue non. Phasellus vel sodales dui. Nunc lacinia a elit at congue. Pellentesque non finibus tortor. Nunc facilisis nunc in nisi placerat, vel porttitor tortor finibus. Proin non egestas eros. Pellentesque ac arcu vulputate, consequat nibh at, ultricies justo. Maecenas tristique tincidunt nisi ac elementum. Aliquam ullamcorper dui dui, eleifend scelerisque purus sollicitudin sed. Praesent molestie dictum sodales. Phasellus iaculis lacinia arcu, id facilisis ligula mollis sit amet.</p>
				</div>
		
				<div class="thought">
					<p>Site template credit to <a href="https://imaginings.neocities.org/">Imaginings</a></p>
				</div>
			</div>
		</div>
	</body>
</html>

CSS

body {
	width: 100%;
	margin: 0 auto;
	background: url("BACKGROUND HERE") fixed;
	font-family: 'Merriweather Sans', 'Calibri', serif;
	font-size: 0.72em;
	letter-spacing: 0.025em;
	line-height: 1.5em;
	text-align: justify;
	color: #ffffff;
}

a {
	color: #E3B464;
	text-decoration: none;
}
    
#nav {
	position: fixed;
	background-color: #249DA3;
	width: 100%;
	font-size: 1em;
	font-weight: bold;
	box-shadow: 0px 1px 5px rgb(121, 153, 163);
	text-align: center;
	z-index: 3;
}

#nav li {
	display: inline-block;
	padding: 0 0.5em 0 0.5em;  
}

#nav a {
	color: rgb(255, 255, 255);
	text-decoration: none;
}

#nav a:hover {
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	color: #F7EDB0;
}

.main {
	max-width: 800px;
	margin: 0 auto;
}

.main-title, .des-name, .date {
	font-family: 'Roboto Slab', serif;
	font-weight: normal;
	text-align: center;
}

.main-title {
	max-width: 780px;
	margin: 1em auto 0.5em auto;
	padding: 0.6em;
	background-color: #000000;
	font-size: 3.5em;
	box-sizing: border-box;
	letter-spacing: 0.5em;
	border: 1px dotted #48B1CF;
}

.main-des {
	margin: 0.9em;
	background-color: #ffffff;
	padding: 1em 2em;
	text-align: justify;
	font-size: 1em;
	color: #000000;
}

.des-name {
	font-size: 1.2em;
	letter-spacing: 0.2em;
}

.content {
	margin: 0 auto;
	height: 100%;
	font-size: 0.91em;
}

.in-nav {
	max-width: 300px;
	width: 16em;
	display: block;
	float: left;
	position: fixed;
	background-color: #000000;
	background-color:rgba(0, 0, 0, 0.8);
	z-index: 2;
	margin: 0.5em 0.5em 0.5em 1em;
	padding: 2em;
	line-height: 2em;
	font-family: 'Roboto Slab', serif;
	letter-spacing: 0.3em;
	
}

.in-nav li {
	list-style: none;
}

.in-nav a {
	color: #ffffff;
}

.in-nav li:hover {
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	text-align: right;
	background-color: #249DA3;
}

.main-des, .in-nav, .thought {
	border: 0.1em dotted #48B1CF;
}

.thought {
	max-width: 460px;
	padding: 1em 4em 1.5em 4em;
	margin: 0.5em 1em 0.5em 0.5em;
	display: block;
	float: right;
	overflow: auto;
	background-color: #000000;
	background-color:rgba(0, 0, 0, 0.8);
	border-radius: 1em;
	z-index: 1;
}

.date {
	font-size: 1.8em;
	padding-top: 0;
}

background credit to Azure and Weirdy of colourlovers

I'm just going to fill up some space here... I used to think elephants drank water through their trunks, but they really just use their trunks to access the resources they need (plus since a trunk is a modified nose drinking through it would probably be bad). So elephants can squirt water through their noses into their mouths.

00.00.00

Elephants are herbivorous and can be found in different habitats including savannahs, forests, deserts, and marshes. They prefer to stay near water. They are considered to be keystone species due to their impact on their environments. Other animals tend to keep their distance from elephants while predators, such as lions, tigers, hyenas, and any wild dogs, usually target only young elephants (or "calves"). Elephants have a fission–fusion society in which multiple family groups come together to socialise. Females ("cows") tend to live in family groups, which can consist of one female with her calves or several related females with offspring. The groups are led by an individual known as the matriarch, often the oldest cow. (Thanks, Wikipedia.)

Site template credit to Imaginings