Skip to content

Instantly share code, notes, and snippets.

@satour
Created January 22, 2020 08:22
Show Gist options
  • Save satour/716e23e64a89f877c242f8f6e278b515 to your computer and use it in GitHub Desktop.
Save satour/716e23e64a89f877c242f8f6e278b515 to your computer and use it in GitHub Desktop.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css">
<title>HELLO, TESTER</title>
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<script>
</script>
</head>
<body>
<div class="container" style="margin-top:2%;">
<div class="row">
<h1>HTML Example</h1>
</div>
<hr><!-- ----------------------------------------- -->
<div class="row">
<h3>Article</h3>
</div>
<div class="row">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam iaculis gravida risus, eget fringilla ex
scelerisque at. In condimentum leo blandit enim aliquet auctor. In nec erat a mauris pharetra tempor sed sed
dui.
Duis dui libero, laoreet ut nisi eget, ullamcorper auctor leo. Proin fringilla lectus nibh, consequat tincidunt
nulla dapibus ut. Nunc quis ullamcorper erat. Nulla felis risus, iaculis nec arcu vel, sagittis pretium velit.
Donec a ornare sapien. Quisque vel sapien nisl.</p>
<p>Pellentesque quis odio iaculis, porta velit quis, suscipit elit. Quisque a tincidunt ipsum. Aliquam cursus
velit a
nulla lacinia blandit. Etiam iaculis pulvinar lacinia. Aenean semper augue quis volutpat mollis. In sodales at
nulla suscipit ullamcorper. Mauris eget velit neque. Fusce venenatis condimentum nibh, quis dignissim turpis
venenatis eget. Suspendisse porta cursus lorem in tempor.</p>
<p>Nullam tempus, diam vel tincidunt tempor, sem orci ullamcorper quam, id molestie odio tellus vitae libero.
Suspendisse sed interdum lorem. Nunc vel risus at quam aliquet ullamcorper et ut dui. Curabitur dictum interdum
ex, vitae cursus magna sagittis sit amet. In hac habitasse platea dictumst. Vivamus eleifend posuere arcu eu
finibus. Donec eu tincidunt elit, mattis mattis ante. Vestibulum ante ipsum primis in faucibus orci luctus et
ultrices posuere cubilia Curae; Aenean hendrerit erat non magna luctus, nec feugiat nibh eleifend. Sed vulputate
vulputate gravida. Donec suscipit nec nunc et pulvinar.</p>
<p>Phasellus vitae tellus massa. Aliquam blandit nulla eu nibh gravida, vel volutpat erat pulvinar. Class aptent
taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam commodo dolor suscipit
quam
pulvinar condimentum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis
egestas. Proin finibus libero tortor, quis pharetra velit feugiat vitae. Maecenas pharetra sit amet ligula nec
consequat. Nulla mollis erat feugiat, vestibulum felis vel, mollis neque. Cras mollis vulputate lacus a
sollicitudin. Integer sodales ultrices felis, vitae rhoncus purus convallis in.</p>
<p>Proin quis suscipit mauris. Duis posuere et nisl ut dictum. Aliquam eleifend auctor enim nec hendrerit. Nunc
dictum libero ante, sed gravida dolor blandit vel. Cras ut odio sed neque congue aliquet ut et erat. Nullam
molestie pellentesque lectus, facilisis varius nisi fermentum sed. Nunc tempus quis libero sit amet mattis. Nam
in
lectus quis urna ultrices consectetur. Integer erat elit, scelerisque nec finibus ac, facilisis sit amet orci.
Integer eros turpis, efficitur sit amet magna nec, condimentum placerat neque. Mauris egestas varius neque. Nam
euismod, felis non ultricies pretium, ante nisl eleifend elit, lacinia cursus turpis sapien sed sem. Curabitur a
lacinia quam.</p>
</div>
<hr><!-- ----------------------------------------- -->
<div class="row">
<h3>Button</h3>
</div>
<div class="row">
<a class="button" href="#" target="_blank">Anchor button</a>
<a href="#" target="_blank" data-custome-string="anchor-wrapped"><button class="button">Anchor Wrapped Button</button></a>
<button class="button">Button element</button>
<input class="button-primary" type="submit" value="submit input">
<input class="button-primary" type="button" value="button input">
</div>
<hr><!-- ----------------------------------------- -->
<div class="row">
<h3>Anchor</h3>
</div>
<div class="row">
<a href="http://httpbin.org/#/?element=anchor1" target="_blank" data-custome-string="anchor-data">text</a>
</div>
<div class="row">
<a href="http://httpbin.org/#/?element=anchor2" target="_blank" data-custome-string="anchor-data">text</a>
</div>
<hr><!-- ----------------------------------------- -->
<div class="row">
<h3>Anchor Wrapped Tag</h3>
</div>
<div class="row">
<a href="http://httpbin.org/#/" target="_blank" data-custome-string="string-data" data-custome-array="hoge[]">
<span>wrapped span tag</span>
</a>
</div>
<div class="row">
<a href="http://httpbin.org/#/" target="_blank">
<span>wrapped span tag</span>
</a>
</div>
<hr><!-- ----------------------------------------- -->
<div class="row">
<h3>Image/Banner</h3>
</div>
<div class="row">
<a href="http://httpbin.org/#/?element=first-banner" target="_blank" data-custome-string="banner-data">
<img src="http://placeimg.com/400/100/animals">
</a>
</div>
<div class="row">
<a href="http://httpbin.org/#/?element=second-banner" target="_blank" data-vars-ga="" data-vars-ga-ux-element="banner02">
<img src="http://placekitten.com/400/100">
</a>
</div>
<div class="row">
<a href="http://httpbin.org/#/?element=third-banner" target="_blank">
<img src="https://placebear.com/400/100">
</a>
</div>
</div>
<hr><!-- ----------------------------------------- -->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment