Skip to content

Instantly share code, notes, and snippets.

@meseven

meseven/index.html

Last active September 27, 2018 11:13
Show Gist options
  • Save meseven/5522231ecaec9f9eed8b600118f51599 to your computer and use it in GitHub Desktop.
Save meseven/5522231ecaec9f9eed8b600118f51599 to your computer and use it in GitHub Desktop.
Download ZIP
GraphQL Eğitim Seti - Movieapp UI
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<title>UI</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="container" data-state="New Movie">
<div class="device" data-view="list">
Form
</div>
</div>
<div class="container" data-state="Movie App">
<div class="device" data-view="list">
<ul class="layer" data-layer="list">
<li class="content">
<div class="bg"></div>
<div class="avatar"></div>
<div class="title">Some list item</div>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit.</p>
</li>
<li class="content">
<div class="bg"></div>
<div class="avatar"></div>
<div class="title">Some list item</div>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit.</p>
</li>
<li class="content clickable" id="article-1">
<div class="bg"></div>
<div class="avatar"></div>
<div class="title">Some list item</div>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit.</p>
</li>
<li class="content">
<div class="bg"></div>
<div class="avatar"></div>
<div class="title">Some list item</div>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit.</p>
</li>
</ul>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment