Skip to content

Commit cb05242

Browse files
levnikanlevnikan
committed
Added button login and card
1 parent f11d995 commit cb05242

File tree

5 files changed

+87
-53
lines changed

5 files changed

+87
-53
lines changed

‎chapter4-homework/app.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
var express = require('express');
22
var app = express();
33

4-
app.use(express.static('public'))
4+
app.use(express.static('public'));
55

66
app.listen(3000);

‎chapter4-homework/package-lock.json‎

Lines changed: 44 additions & 44 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎chapter4-homework/public/MIB.jpg‎

52.5 KB
Loading

‎chapter4-homework/public/index.html‎

Lines changed: 38 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,54 @@
11
<html>
2+
23
<head>
34
<title>
45
Chapter 4 homework!
56
</title>
6-
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
7+
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO"
8+
crossorigin="anonymous">
79
</head>
10+
811
<body>
912
<h1>
1013
Create page with JS!
11-
</div>
14+
</h1>
1215

13-
<div id="js-button"></div>
16+
<div id="js-button">
17+
<button type="button" class="btn btn-success"> Success </button>
18+
</div>
1419

15-
<div id="js-login-form"></div>
20+
<div id="js-login-form">
21+
<form>
22+
<div class="form-group">
23+
<label for="exampleInputEmail1">Email address</label>
24+
<input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp"
25+
placeholder="Enter email" style="width: 20rem;">
26+
<small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
27+
</div>
28+
<div class="form-group">
29+
<label for="exampleInputPassword1">Password</label>
30+
<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password" style="width: 20rem;">
31+
</div>
32+
<div class="form-group form-check">
33+
<input type="checkbox" class="form-check-input" id="exampleCheck1">
34+
<label class="form-check-label" for="exampleCheck1">Check me out</label>
35+
</div>
36+
<button type="submit" class="btn btn-primary">Submit</button>
37+
</form>
38+
</div>
1639

17-
<div id="js-card"></div>
40+
<div id="js-card">
41+
<div class="card" style="width: 18rem; height: 300;">
42+
<img class="card-img-top" src="\MIB.jpg" alt="Card image cap">
43+
<div class="card-body">
44+
<h5 class="card-title">MIB</h5>
45+
<p class="card-text">Men in Black.</p>
46+
<a href="#" class="btn btn-primary">Watch movie</a>
47+
</div>
48+
</div>
49+
</div>
1850

1951
<script src="scripts/app.js"></script>
2052
</body>
53+
2154
</html>

‎chapter4-homework/public/scripts/app.js‎

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,14 @@
11
(function(){
2-
alert('remove me!')
2+
alert('remove me!');
33

44
// add here following boostrap elements
55

66
// success button
77
// http://getbootstrap.com/docs/4.1/components/buttons/
88

99
// login form
10-
// http://getbootstrap.com/docs/4.1/components/forms/
10+
// http://getbootstrap.com/docs/4.1/components/forms/А
1111

1212
// card
13-
})();
13+
14+
}());

0 commit comments

Comments
 (0)