Skip to content

Instantly share code, notes, and snippets.

@evanshortiss
Created February 20, 2018 22:09
Embed
What would you like to do?
Contains a reference index.html for the Red Hat & RapID blogpost
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<title>Hello World</title>
<link rel="stylesheet" href="css/app.css">
</head>
<body>
<header class="header-footer-bg">
<div class="center">
<h3>FeedHenry
<small>QuickStart - HTML5</small>
</h3>
</div>
</header>
<div id="count" class="">
<div id="formWrapper">
<h2 id="login-status">
You are not authenticated. Please login.
</h2>
<!-- Login component -->
<div id="login-component">
<form id="login-form">
<div class="input-div">
<input type="text" id="username" placeholder="you@acme.com"/>
</div>
<div class="input-div">
<input type="password" id="password" placeholder="********"/>
</div>
<button type="Submit">Login</button>
</form>
</div>
<!-- The name component that contains the hello world functionality of this application -->
<div id="name-component">
<div class="input-div">
<input id="hello_to" type="text" class="input-text" placeholder="Enter Your Name Here."/>
</div>
<br>
<button id="say_hello" type="button" class="say-hello-button">Say Hello From The Cloud</button>
<div id="cloudResponse" class="cloudResponse"></div>
</div>
</div>
</div>
<footer class="header-footer-bg">
<div>
<small class="right">
<!-- v.&nbsp;{{ version }} -->
</small>
</div>
</footer>
<script src="cordova.js"></script>
<script src="main.js"></script>
<script src="js/hello.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment