Skip to content

Instantly share code, notes, and snippets.

@naepalm

naepalm/TextPage.cshtml

Last active March 21, 2016 17:22
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 naepalm/505259f9cf4c54a58d15 to your computer and use it in GitHub Desktop.
Save naepalm/505259f9cf4c54a58d15 to your computer and use it in GitHub Desktop.
Download ZIP
Basic text page template content with headings & general content for styling
Raw
TextPage.cshtml
@inherits UmbracoViewPage<TextPageViewModel>
@using Client.Web.Models.ViewModels
@{
Layout = "OneColumn.cshtml";
}
<section id="primary" class="col-s-8 offset-s-2">
@*Model.BodyText*@
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<p>Default Text. These are paragraphs. Stuck in a tree run run rip the couch, <a href="#">attack zzz purr</a> scratched eat hairball. Knock over the lamp leap eat the grass judging you leap, give me fish jump on the table tail flick meow puking. Scratched toss the mousie biting rip the couch, chuf give me fish I don't like that food give me fish give me fish sleep in the sink jump.</p>
<p>Attack your ankles litter box feed me I don't like that food, climb the curtains sleep in the sink toss the mousie attack toss the mousie run claw tail flick. Lick attack stretching scratched, toss the mousie stretching eat the grass sniff claw jump eat.</p>
<p><strong>This is BOLD TEXT</strong></p>
<p><em>This is italic text</em></p>
<p>Small text</p>
<p>Tiny text</p>
<ul>
<li>Bulleted listing item</li>
<li>Bulleted listing item</li>
<li>Bulleted listing item</li>
<li>Bulleted listing item</li>
</ul>
<p>Eat the grass fluffy fur sleep on your keyboard biting biting, eat knock over the lamp hiss climb the curtains catnip I don't like that food jump on the table. Sleep in the sink feed me judging you claw, hairball stretching claw hairball purr knock over the lamp. Leap attack attack sniff sleep on your face give me fish, kittens eat the grass shed everywhere kittens.</p>
<ol>
<li>Numbered listing item</li>
<li>Numbered listing item</li>
<li>Numbered listing item</li>
<li>Numbered listing item</li>
</ol>
<blockquote>
<p>Lick shed everywhere sleep on your face sleep in the sink sunbathe, jump on the table rip the couch sleep on your face run sniff. Jump on the table climb the curtains purr scratched, jump I don't like that food chuf eat attack hairball run.</p>
<cite>-Kitten</cite>
</blockquote>
<table class="responsive-table">
<tbody>
<tr>
<th>COL 1 HEADING</th>
<th>COL 2 HEADING</th>
<th>COL 3 HEADING</th>
</tr>
<tr>
<td>Row 1 Col 1</td>
<td>Row 1 Col 2</td>
<td>Row 1 Col 3</td>
</tr>
<tr>
<td>Row 2 Col 1</td>
<td>Row 2 Col 2</td>
<td>Row 2 Col 3</td>
</tr>
</tbody>
</table>
<h1>Standard Account Address Form</h1>
<form action="#" class="row">
<fieldset>
<input id="nickname" class="focus" type="text" placeholder="Address nickname">
<div class="row">
<label class="col-s-6">
<input id="first-name" class="focus" type="text" placeholder="First name">
</label>
<label class="col-s-6">
<input id="last-name" class="focus" type="text" placeholder="Last name">
</label>
</div>
<input id="street" class="focus" type="text" placeholder="Street address, P.O. box, company name, c/o, etc">
<input id="street2" class="focus" type="text" placeholder="Apt, suite, unit, building floor, etc">
<div class="row">
<label class="col-s-6">
<input id="locality" class="focus" type="text" placeholder="City">
</label>
<label class="col-s-6">
<input id="region" class="focus" type="text" placeholder="State / Province / Region">
</label>
</div>
<div class="row">
<label class="col-s-6">
<input id="postal-code" class="focus" type="text" placeholder="Postal code">
</label>
<label class="col-s-6">
<select id="select-country">
<option value="-1">Choose a country</option><!-- Would be awesome if this could have the "placeholder" color style -->
<option>Canada</option>
<option>Cuba</option>
<option>United Kingdom</option>
<option>United States</option>
</select>
</label>
</div>
<label class="row">
<select id="select-address-type">
<option value="-1">Choose an address type</option> <!-- Would be awesome if this could have the "placeholder" color style -->
<option>Residential</option>
<option>Commercial</option>
</select>
</label>
<input id="phone" class="focus" type="tel" placeholder="Phone number" />
<label class="row checkbox">
<input type="checkbox" id="save-address" value="option1" /><span>Save this address to my address book</span>
</label>
<div class="row">
<label class="col-s-6 row">
<span class="label col-xs-12">Expires</span>
<span class="col-l-2 col-xs-6 reset-xs">
<select id="select-month">
<!-- Can this default to the current month??? Please??? -->
<option>01</option>
<option>02</option>
<option>03</option>
<option>04</option>
<option>05</option>
<option>06</option>
<option>07</option>
<option>08</option>
<option>09</option>
<option>10</option>
<option>11</option>
<option>12</option>
</select>
</span>
<span class="col-l-3 col-xs-6">
<select id="select-year">
<option>2014</option>
<option>2015</option>
<option>2016</option>
<option>2017</option>
<option>2018</option>
<option>2019</option>
<option>2020</option>
<option>2021</option>
<option>2022</option>
<option>2023</option>
<option>2024</option>
</select>
</span>
</label>
<label class="col-s-3 col-xs-6">
<span class="label col-xs-12">CVV</span>
<input type="text" id="cvv" class="focus col-xs-12" placeholder="Security code" />
</label>
</div>
<label class="row radiobox">
<input checked="checked" id="existing" name="address" type="radio" value="existing" /><span>Choose an address from my address book</span>
</label>
<label class="row radiobox">
<input id="new" name="address" type="radio" value="new" /><span>Enter a new billing address</span>
</label>
<label>
<input type="email" id="email" placeholder="Email address" />
</label>
<div class="form-group row no-gutter">
<label class="col-xs-9 col-l-10">
<input type="password" name="Password" placeholder="Password" />
</label>
<label class="checkbox col-xs-3 col-l-2 show-password">
<input type="checkbox" name="show" />
<span>Show</span>
</label>
</div>
<textarea id="comments" placeholder="What would you like us to know?"></textarea>
</fieldset>
<div class="form-actions">
<button type="submit">Save</button>
</div>
</form>
</section>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment