Skip to content

Instantly share code, notes, and snippets.

@PengWang0316

PengWang0316/Card.html

Last active August 8, 2019 00:30
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 PengWang0316/a399cada2ce41d7eb6e398582605a7af to your computer and use it in GitHub Desktop.
Save PengWang0316/a399cada2ce41d7eb6e398582605a7af to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Card.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
</style>
</head>
<body>
<div class="card">
<div class="cardTitle">
<div>
<div class="avatar"><strong>K</strong></div>
<div>
<h3>The long title on the top</h4>
<p>Secondary title</p>
</div>
</div>
<img src="https://res.cloudinary.com/orderstaker/image/upload/v1565216096/others/menu.png" class="menuIcon" alt="menu" />
</div>
<div><img src="https://res.cloudinary.com/orderstaker/image/upload/v1565216265/others/food.jpg" class="menuImage" alt="noodle" /></div>
<p>
Crispy chow mein has either onions and celery in the finished dish or is served "strained",
without any vegetables. Steamed chow mein can have many different kinds of vegetables in
the finished dish, most commonly including onions and celery but sometimes carrots, cabbage
and mung bean sprouts as well. Crispy chow mein is usually topped with a thick brown sauce,
while steamed chow mein is mixed with soy sauce before being served.
</p>
<div class="footer">
<div>
<img src="https://res.cloudinary.com/orderstaker/image/upload/v1565223868/others/heart.png" alt="save button" class="footerIcon" />
<img src="https://res.cloudinary.com/orderstaker/image/upload/v1565223868/others/share.png" alt="share button" class="footerIcon" />
</div>
<img src="https://res.cloudinary.com/orderstaker/image/upload/v1565223868/others/expand.png" alt="expand button" class="footerIcon" />
</div>
</div>
</body>
<!-- Icons made by Cole Bemis, Google, Freepik, and Smashicons -->
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment