-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
samuel grahame
committed
Feb 14, 2019
1 parent
17acd02
commit 34cf491
Showing
3 changed files
with
132 additions
and
9 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,7 +1,128 @@ | ||
<?cs | ||
|
||
|
||
Echo("Hello World"); | ||
|
||
|
||
?> | ||
<html lang="en"> | ||
<head> | ||
<meta charset="utf-8"> | ||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/all.css"> | ||
</head> | ||
<body> | ||
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> | ||
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> | ||
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> | ||
|
||
<div class="container"> | ||
<br> <p class="text-center"><?cs Echo("This is generated from c#") ?></p> | ||
<hr> | ||
<div class="row"> | ||
<aside class="col-sm-4"> | ||
<p>Login form style 1</p> | ||
<div class="card"> | ||
<article class="card-body"> | ||
<a href="" class="float-right btn btn-outline-primary">Sign up</a> | ||
<h4 class="card-title mb-4 mt-1">Sign in</h4> | ||
<form> | ||
<div class="form-group"> | ||
<label>Your email</label> | ||
<input name="" class="form-control" placeholder="Email" type="email"> | ||
</div> <!-- form-group// --> | ||
<div class="form-group"> | ||
<a class="float-right" href="#">Forgot?</a> | ||
<label>Your password</label> | ||
<input class="form-control" placeholder="******" type="password"> | ||
</div> <!-- form-group// --> | ||
<div class="form-group"> | ||
<div class="checkbox"> | ||
<label> <input type="checkbox"> Save password </label> | ||
</div> <!-- checkbox .// --> | ||
</div> <!-- form-group// --> | ||
<div class="form-group"> | ||
<button type="submit" class="btn btn-primary btn-block"> Login </button> | ||
</div> <!-- form-group// --> | ||
</form> | ||
</article> | ||
</div> <!-- card.// --> | ||
</aside> <!-- col.// --> | ||
<aside class="col-sm-4"> | ||
<p>Login form style 2</p> | ||
<div class="card"> | ||
<article class="card-body"> | ||
<a href="" class="float-right btn btn-outline-primary">Sign up</a> | ||
<h4 class="card-title mb-4 mt-1">Sign in</h4> | ||
<p> | ||
<a href="" class="btn btn-block btn-outline-info"> <i class="fab fa-twitter"></i> Login via Twitter</a> | ||
<a href="" class="btn btn-block btn-outline-primary"> <i class="fab fa-facebook-f"></i> Login via facebook</a> | ||
</p> | ||
<hr> | ||
<form> | ||
<div class="form-group"> | ||
<input name="" class="form-control" placeholder="Email or login" type="email"> | ||
</div> <!-- form-group// --> | ||
<div class="form-group"> | ||
<input class="form-control" placeholder="******" type="password"> | ||
</div> <!-- form-group// --> | ||
<div class="row"> | ||
<div class="col-md-6"> | ||
<div class="form-group"> | ||
<button type="submit" class="btn btn-primary btn-block"> Login </button> | ||
</div> <!-- form-group// --> | ||
</div> | ||
<div class="col-md-6 text-right"> | ||
<a class="small" href="#">Forgot password?</a> | ||
</div> | ||
</div> <!-- .row// --> | ||
</form> | ||
</article> | ||
</div> <!-- card.// --> | ||
</aside> <!-- col.// --> | ||
<aside class="col-sm-4"> | ||
<p>Login form style 3</p> | ||
<div class="card"> | ||
<article class="card-body"> | ||
<h4 class="card-title text-center mb-4 mt-1">Sign in</h4> | ||
<hr> | ||
<p class="text-success text-center">Some message goes here</p> | ||
<form> | ||
<div class="form-group"> | ||
<div class="input-group"> | ||
<div class="input-group-prepend"> | ||
<span class="input-group-text"> <i class="fa fa-user"></i> </span> | ||
</div> | ||
<input name="" class="form-control" placeholder="Email or login" type="email"> | ||
</div> <!-- input-group.// --> | ||
</div> <!-- form-group// --> | ||
<div class="form-group"> | ||
<div class="input-group"> | ||
<div class="input-group-prepend"> | ||
<span class="input-group-text"> <i class="fa fa-lock"></i> </span> | ||
</div> | ||
<input class="form-control" placeholder="******" type="password"> | ||
</div> <!-- input-group.// --> | ||
</div> <!-- form-group// --> | ||
<div class="form-group"> | ||
<button type="submit" class="btn btn-primary btn-block"> Login </button> | ||
</div> <!-- form-group// --> | ||
<p class="text-center"><a href="#" class="btn">Forgot password?</a></p> | ||
</form> | ||
</article> | ||
</div> <!-- card.// --> | ||
</aside> <!-- col.// --> | ||
</div> <!-- row.// --> | ||
</div> | ||
<!--container end.//--> | ||
<br><br><br> | ||
<article class="bg-secondary mb-3"> | ||
<div class="card-body text-center"> | ||
<h4 class="text-white">HTML UI KIT <br> Ready to use Bootstrap 4 components and templates </h4> | ||
<p class="h5 text-white"> | ||
for Ecommerce, marketplace, booking websites | ||
and product landing pages | ||
</p> <br> | ||
<p> | ||
<a class="btn btn-warning" target="_blank" href="http://bootstrap-ecommerce.com/"> | ||
Bootstrap-ecommerce.com | ||
<i class="fa fa-window-restore "></i> | ||
</a> | ||
</p> | ||
</div> | ||
<br><br><br> | ||
</article> | ||
</body> | ||
</html> |