Skip to content

Instantly share code, notes, and snippets.

@dyarfi

dyarfi/regular-page.html

Created March 30, 2020 05:55
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save dyarfi/b4c4dbce759e504fd89554afd5d1d161 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save dyarfi/b4c4dbce759e504fd89554afd5d1d161 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
regular-page.html
<html>
<head>
<title>Test saja</title>
<meta charset="utf-8" />
<link rel="amphtml" href="https://youroriginalwebpagelink/amp.html">
<meta name="viewport" content="width=device-width,minimum-scale=1" />
</head>
<body>
<div class="header">
<h2>Header</h2>
<a href="#" class="button_menu" onclick="myMenu()">Menu</a>
<ul class="menu" id="menu" style="display: none;">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Career</a></li>
</ul>
</div>
<div class="row">
<div class="">
<div class="card">
<h2>TITLE HEADING</h2>
<h5>Title description, Dec 7, 2017</h5>
<img
class="fakeimg"
src="https://source.unsplash.com/wkeLElMjjG0/800x400"
style="height:auto;"
/>
<p>
Lorem ipsum dolor sit amet consectetur, adipisicing elit.
Consequuntur similique eligendi obcaecati, asperiores fugit, sequi
ipsum delectus perspiciatis facilis exercitationem commodi
reprehenderit voluptatum unde ipsa sit eaque facere sed? Nesciunt
consectetur eveniet recusandae quas. Velit, adipisci fugit inventore
reiciendis explicabo, iste labore fuga ea voluptatibus quidem
laudantium nulla sed quam magni sapiente qui modi repudiandae
consequuntur! Vitae nulla sequi commodi nisi aliquam, aliquid
sapiente dolore, est eaque pariatur corrupti fuga, mollitia sed
culpa maxime molestiae iure suscipit ex placeat voluptas qui
exercitationem incidunt corporis? Quibusdam minus reiciendis
necessitatibus consequatur blanditiis.
</p>
</div>
<div class="card">
<h2>TITLE HEADING</h2>
<h5>Title description, Sep 2, 2017</h5>
<img
class="fakeimg"
src="https://source.unsplash.com/fkBLZ7Xa35g/800x400"
style="height:auto;"
/>
<p>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eaque
tempore nam maxime labore aperiam sit, accusamus assumenda hic iure
aliquam odit! Ea animi vero nobis suscipit dolorem adipisci, hic
labore voluptates tempore consectetur accusamus vel veniam nostrum
eum optio at dicta cumque alias exercitationem facilis? Fugit quod
fuga a quasi quia corporis, expedita praesentium repellat est,
sapiente officia hic, libero reprehenderit voluptate debitis!
Voluptatum, delectus distinctio officiis veniam deserunt numquam
velit excepturi at ratione provident non dolore nesciunt quas
perferendis dolores tenetur doloribus ipsa, error unde laborum,
maxime amet nobis pariatur. Dicta architecto obcaecati quaerat.
Assumenda, reprehenderit et repudiandae iure tenetur facilis, harum
perferendis quae laborum laudantium dolor minus atque illo? Est,
eaque. In illo corporis saepe magnam, a ipsa!
</p>
</div>
</div>
</div>
<div class="footer">
<h2>Footer</h2>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment