Skip to content

Instantly share code, notes, and snippets.

@fuelishways

fuelishways/announcement tile.markdown

Last active May 10, 2016 13:04
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save fuelishways/fbd05612e5b042361f2f85d812ca6c1a to your computer and use it in GitHub Desktop.
Save fuelishways/fbd05612e5b042361f2f85d812ca6c1a to your computer and use it in GitHub Desktop.
Download ZIP
announcement tile
Raw
index.html
<div class="announcement tile">
<h4>For More Information</h4>
<p>Get to the point in this area.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci assumenda nobis commodi dolorum itaque ullam dolor delectus accusantium totam reprehenderit voluptatibus repudiandae officia, modi, est expedita! Aliquam sunt voluptate velit.</p>
<a href="#" class="button">Go here now</a>
</div>
Raw
script.js
/*
Instructions:
1. You only need the code in between the <div> tags, not the actual <div> tag.
2. In sitefinity, in the "advanced" section set the cssclass field to the following:
announcement tile
*/
Raw
scripts
<script src="http://www.marian.edu/Sitefinity/WebsiteTemplates/Marian/App_Themes/lib/js/vendor/jquery.min.js"></script>
<script src="http://www.marian.edu/Sitefinity/WebsiteTemplates/Marian/App_Themes/lib/js/foundation.js"></script>
<script src="http://www.marian.edu/Sitefinity/WebsiteTemplates/Marian/App_Themes/lib/js/vendor/owl-carousel/owl.carousel.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.js"></script>
<script src="http://www.marian.edu/Sitefinity/WebsiteTemplates/Marian/App_Themes/lib/js/app.js"></script>
Raw
style.scss
$maroon: #b30738;
body {padding-left: 1em;}
Raw
styles
<link href="http://www.marian.edu/Sitefinity/WebsiteTemplates/Marian/App_Themes/lib/css/foundation.css" rel="stylesheet" />
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet" />
<link href="http://www.marian.edu/Sitefinity/WebsiteTemplates/Marian/App_themes/lib/js/vendor/owl-carousel/owl.carousel.css" rel="stylesheet" />
<link href="http://www.marian.edu/Sitefinity/WebsiteTemplates/Marian/App_themes/lib/js/vendor/owl-carousel/owl.theme.css" rel="stylesheet" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.1/animate.min.css" rel="stylesheet" />
<link href="http://www.marian.edu/Sitefinity/WebsiteTemplates/Marian/App_themes/lib/css/app.css" rel="stylesheet" />
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment