Skip to content
Permalink
Branch: master
Find file Copy path
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
129 lines (115 sloc) 5.12 KB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!-- enable mobile view -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Image Credits</title>
<meta name="author" content="Osamu Morozumi">
<meta name="description" content="Assessment 1, task 1 for Digital Design">
<link rel="stylesheet" type="text/css" href="css/styles.css">
<link href="https://fonts.googleapis.com/css?family=Grand+Hotel|Montserrat" rel="stylesheet">
</head>
<body>
<!-- home link for nav -->
<a id="home"></a>
<!-- top level container -->
<div id="outer" class="centered">
<!-- header -->
<header>
<div id="logo" class="left">
<img src="images/logo.png" alt="logo" />
</div>
<div id="right-header" class="right">
<h1>SHADY ACRES FARMSTAY</h1>
</div>
<br class="clearfloat" />
</header>
<!-- navigation -->
<nav>
<ul class="nav-list">
<li class="nav-item">
<a href="index.html#home">Home</a>
</li>
<li class="nav-item">
<a href="index.html#right-column">Welcome</a>
</li><li class="nav-item">
<a href="index.html#left-footer">Footer</a>
</li><li class="nav-item">
<a href="#">Image credits</a>
</li>
</ul>
</nav>
<!-- main content -->
<main>
<!-- left column -->
<aside id="left-column" class="left">
</aside>
<!-- right column -->
<section id="right-column" class="right">
<div class="section-header">
<h2>Image Credits</h2>
</div>
<article>
<ul>
<li>Image by <a href="https://pixabay.com/users/klimkin-1298145/?utm_source=link-attribution&amp;utm_medium=referral&amp;utm_campaign=image&amp;utm_content=1508585">klimkin</a> from <a href="https://pixabay.com/?utm_source=link-attribution&amp;utm_medium=referral&amp;utm_campaign=image&amp;utm_content=1508585">Pixabay</a>
</li>
<li>
Image by <a href="https://pixabay.com/users/Pexels-2286921/?utm_source=link-attribution&amp;utm_medium=referral&amp;utm_campaign=image&amp;utm_content=1867521">Pexels</a> from <a href="https://pixabay.com/?utm_source=link-attribution&amp;utm_medium=referral&amp;utm_campaign=image&amp;utm_content=1867521">Pixabay</a>
</li>
<li>
Image by <a href="https://pixabay.com/users/TheDigitalArtist-202249/?utm_source=link-attribution&amp;utm_medium=referral&amp;utm_campaign=image&amp;utm_content=2641195">Pete Linforth</a> from <a href="https://pixabay.com/?utm_source=link-attribution&amp;utm_medium=referral&amp;utm_campaign=image&amp;utm_content=2641195">Pixabay</a>
</li>
<li>
Image by <a href="https://pixabay.com/users/Pexels-2286921/?utm_source=link-attribution&amp;utm_medium=referral&amp;utm_campaign=image&amp;utm_content=1845835">Pexels</a> from <a href="https://pixabay.com/?utm_source=link-attribution&amp;utm_medium=referral&amp;utm_campaign=image&amp;utm_content=1845835">Pixabay</a>
</li>
<li>
Image by <a href="https://pixabay.com/users/mploscar-1445608/?utm_source=link-attribution&amp;utm_medium=referral&amp;utm_campaign=image&amp;utm_content=1127174">Mircea Ploscar</a> from <a href="https://pixabay.com/?utm_source=link-attribution&amp;utm_medium=referral&amp;utm_campaign=image&amp;utm_content=1127174">Pixabay</a>
</li>
<li>
Image by <a href="https://pixabay.com/users/MabelAmber-1377835/?utm_source=link-attribution&amp;utm_medium=referral&amp;utm_campaign=image&amp;utm_content=3741877">Mabel Amber, still incognito...</a> from <a href="https://pixabay.com/?utm_source=link-attribution&amp;utm_medium=referral&amp;utm_campaign=image&amp;utm_content=3741877">Pixabay</a>
</li>
<li>
Image by <a href="https://pixabay.com/users/Free-Photos-242387/?utm_source=link-attribution&amp;utm_medium=referral&amp;utm_campaign=image&amp;utm_content=872000">Free-Photos</a> from <a href="https://pixabay.com/?utm_source=link-attribution&amp;utm_medium=referral&amp;utm_campaign=image&amp;utm_content=872000">Pixabay</a>
</li>
</section>
<br class="clearfloat">
</main>
<!-- footer -->
<footer>
<div id="left-footer" class="left footer-section">
<!-- script taken from stack overflow: https://stackoverflow.com/questions/4562587/shortest-way-to-print-current-year-in-a-website -->
<span class="copyright-info">
&copy;
<span id="copyright">
<script>document
.getElementById('copyright')
.appendChild(document
.createTextNode(new Date()
.getFullYear()))
</script>
</span>
<a href="https://github.com/ozmos" target="blank">
Osamu Morozumi
</a>
</span>
</div>
<div id="right-footer" class="right footer-section">
<ul class="nav-list">
<li class="nav-item">
<a href="#home">Home</a>
</li>
<li class="nav-item">
<a href="#right-column">Welcome</a>
</li><li class="nav-item">
<a href="#left-footer">Footer</a>
</li><li class="nav-item">
<a href="image-credits.html">Image credits</a>
</li>
</ul>
</div>
<br class="clearfloat" />
</footer>
</div>
</body>
</html>
You can’t perform that action at this time.