diff options
Diffstat (limited to 'showcase/template/index.html')
| -rw-r--r-- | showcase/template/index.html | 55 |
1 files changed, 55 insertions, 0 deletions
diff --git a/showcase/template/index.html b/showcase/template/index.html new file mode 100644 index 0000000..79e8af0 --- /dev/null +++ b/showcase/template/index.html @@ -0,0 +1,55 @@ +<!doctype html> +<html lang="en"><head><meta charset="utf-8"> +<meta name="viewport" content="width=device-width,initial-scale=1"> +<link rel="stylesheet" href="../css/main.css"> +<link rel="shortcut icon" href="../i/me.png"> +<title>Name's Website: Template</title></head><body> + +<header> + <h1><a id="nav-btn">☰</a> + <a href="..">Template Page</a> + <i>Name's Website</i></h1> +</header> + +<nav id="menu"> + <a href=".." class="btn">Home</a> + <a href="../projects" class="btn">Projects</a> + <a href="../classes" class="btn">Classes</a> + <a href="../contact" class="btn">Contact</a> + <a href="" class="btn">Template</a> + <a href="http://github.com/4stc/porter" class="btn">Source</a> + <i>Name / Template</i> +</nav> + +<main class="grid"><div> + <h2>Column 1</h2> + <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, + sed do eiusmod tempor incididunt ut labore et dolore magna + aliqua. Ut enim ad minim veniam, quis nostrud exercitation + ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> + <img width="300" src="../i/me.png" alt="an example"> +</div><div> + <h2>Column 2</h2> + <h3>Example List</h3> + <ul> + <li>example 1</li> + <li>example 2</li> + <li>example 3</li> + </ul> + <h3>Another Example</h3> + <ul> + <li>example 1</li> + <li>example 2</li> + <li>example 3</li> + </ul> +</div></main> + +<footer> + <p>Made by Name Surname | + <a href="../i/template_mobile.png" target="_blank">Mobile Wireframe</a> | + <a href="../i/template_desktop.png" target="_blank">Desktop Wireframe</a> + </p> +</footer> + +<script src="../js/main.js"></script> +</body></html> |