Skip to content

Instantly share code, notes, and snippets.

@SanthoshVijayabaskar
Last active May 22, 2016 11:08
Show Gist options
  • Select an option

  • Save SanthoshVijayabaskar/bf764f0ffbae1f2bdf5048a6e4cf2d27 to your computer and use it in GitHub Desktop.

Select an option

Save SanthoshVijayabaskar/bf764f0ffbae1f2bdf5048a6e4cf2d27 to your computer and use it in GitHub Desktop.
Index HTML File for React Firebase Demo
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CGI Dev Central</title>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"/>
<style>
.form-control,
.btn,
.badge {
border-radius: 0;
}
#feedForm {
display: none;
}
</style>
</head>
<body>
<div class="jumbotron text-center">
<h2>DevCentral</h2>
</div>
<div id="app">
<div>
<div class="container">
<button class="btn btn-success btn-block">Create News Item</button>
</div>
<form class="container">
<div class="form-group">
<input type="text" class="form-control" placeholder="News Title">
<input type="text" class="form-control" placeholder="News Description">
<button type="submit" class="btn btn-primary btn-block">Add</button>
</div>
</form>
<br>
<br>
<div class="container">
<ul class="list-group">
<li class="list-group-item">
<span class="badge badge-success">60</span>
<h4>React JS Training</h4>
<span>We are organizing an React Js Training PRogram</span>
<span class="pull-right">
<button id="up" class="btn btn-sm btn-primary">&uarr;</button>
<button id="up" class="btn btn-sm btn-primary">&darr;</button>
</span>
</li>
</ul>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment