Permalink
Browse files

initial commit

  • Loading branch information...
good-idea committed Jan 11, 2019
0 parents commit 31d95436fd597b8ca66c44db919f62a430326929
Showing with 148 additions and 0 deletions.
  1. 0 README.md
  2. +53 −0 index.html
  3. 0 multi-cursor.html
  4. +95 −0 shortcuts.html
  5. 0 styles.css
No changes.
@@ -0,0 +1,53 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Monument | Blog</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<nav>
<a href="#">About</a>
<a href="#">Gallery</a>
<a href="#">Blog</a>
<a href="#">Contact</a>
</nav>
<div class="banner">
<img class="banner-image" src="img/blog_header_bg.jpg">
<header>
<h1><a href="#">Monument</a></h1>
</header>
<section>
<article>
<h3>11/23/2016</h3>
<h2>A Visual Guide to the Southwest</h2>
<img src="img/blog_1.jpg" alt="shrubs">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius soluta incidunt, eum quos consequuntur aliquam nobis velit mollitia iste, natus ex repellendus delectus quisquam et quae, in atque a. Perspiciatis excepturi ipsum temporibus, eius odit deleniti quasi voluptates eaque aliquam, iste consequatur repudiandae illo a. Voluptates eligendi reiciendis corporis itaque soluta fugit atque quaerat ipsum reprehenderit sapiente, voluptatem repellat eveniet fuga natus tempore modi vero distinctio nulla accusantium recusandae, omnis. Esse aliquam ea, similique repudiandae nihil numquam, neque enim perspiciatis. Facilis dolor praesentium impedit quidem, non unde accusantium, commodi error, soluta dolores modi blanditiis similique amet hic earum, reiciendis consectetur animi in. Exercitationem distinctio necessitatibus molestias quas laboriosam nam modi porro accusantium blanditiis, beatae incidunt aliquid nostrum laborum, magni cum recusandae autem doloremque qui perferendis iste non quaerat fugit. Aspernatur voluptatem impedit, enim!</p>
<img src="img/blog_2.jpg" alt="thistles">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius soluta incidunt, eum quos consequuntur aliquam nobis velit mollitia iste, natus ex repellendus delectus quisquam et quae, in atque a. Perspiciatis excepturi ipsum temporibus, eius odit deleniti quasi voluptates eaque aliquam, iste consequatur repudiandae illo a. Voluptates eligendi reiciendis corporis itaque soluta fugit atque quaerat ipsum reprehenderit sapiente, voluptatem repellat eveniet fuga natus tempore modi vero distinctio nulla accusantium recusandae, omnis. Esse aliquam ea, similique repudiandae nihil numquam, neque enim perspiciatis. Facilis dolor praesentium impedit quidem, non unde accusantium, commodi error, soluta dolores modi blanditiis similique amet hic earum, reiciendis consectetur animi in. Exercitationem distinctio necessitatibus molestias quas laboriosam nam modi porro accusantium blanditiis, beatae incidunt aliquid nostrum laborum, magni cum recusandae autem doloremque qui perferendis iste non quaerat fugit. Aspernatur voluptatem impedit, enim!</p>
</article>
<article>
<h3>About Us</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius soluta incidunt, eum quos consequuntur aliquam nobis velit mollitia iste, natus ex repellendus delectus quisquam et quae, in atque a. Perspiciatis excepturi ipsum temporibus. Eius odit deleniti quasi voluptates eaque aliquam, iste consequatur repudiandae illo a. Voluptates eligendi reiciendis corporis itaque soluta fugit atque quaerat ipsum reprehenderit sapiente, voluptatem repellat eveniet fuga natus tempore modi vero distinctio nulla accusantium recusandae, omnis. </p>
<img src="img/about.jpg" alt="about">
<h3> Recent Issues</h3>
<ul>
<li>Issue Nineteen — Camping</li>
<li>Issue Eighteen — Food</li>
<li>Issue Seventeen — Signs</li>
<li>Issue Sixteen — Friends</li>
<li>Issue Fifteen — Carnivals</li>
<li>Issue Fourteen — Gatherings</li>
</ul>
</article>
</section>

<footer>
<a href="">Facebook</a>
<a href="">Twitter</a>
<a href="">Instagram</a>
<p>&copy;2016 <a href="">Sarah Holden</a></p>
</footer>

</body>
</html>
No changes.
@@ -0,0 +1,95 @@

<!--
Emmet Shortcuts:
- Start typing the name of the element, press <Ctrl+E> to autocomplete:
-->

section

<!-- write a shortcut for nested elements: -->

section>h2

<!-- write a shortcut for sibling elements: -->

img+p

<!-- write a shortcut for an element with a class: -->

section.article-container

<!-- write a shortcut for multiple elements: -->

img*3

<!-- combine any way you'd like! -->

section.gallery>div.image-container*3>img+p.image-caption


<!--
Moving Lines of Text
- Press <Option + Up> or <Option + Down> to move the current line up and down
-->

<div class="image-container">

</div>
<img src="" alt="">




<!-- Or, select multiple lines and use the same command to move all of the lines at once -->

<section class="gallery">
<div class="image-container">
<img src="" alt="">
</div>
</section>
<div class="image-container">
<img src="" alt="">
</div>
<div class="image-container">
<img src="" alt="">
</div>

<!--
Using Multiple Cursors
- Hold down <Cmd> and click on multiple places. Start typing and press <Escape> to exit
- (Might be <Alt> or <Option> depending on your OS & VSCode settings)
-->


<section class="gallery">
<div class="image-container">
<img src="" alt="">
</div>
<div class="image-container">
<img src="" alt="">
</div>
<div class="image-container">
<img src="" alt="">
</div>
</section>

<!-- Select text and press <Cmd + D> to select multiple instances of the same text -->

<section class="gallery">
<div class="img-container">
<img src="" alt="">
</div>
<div class="img-container">
<img src="" alt="">
</div>
<div class="img-container">
<img src="" alt="">
</div>
</section>
No changes.

0 comments on commit 31d9543

Please sign in to comment.