Skip to content

Commit 642e276

Browse files
TusharKesarwaniTusharKesarwani
authored
Merge pull request #1846 from Ashutoshbind15/bookmarker-app-UI
add the required padding
2 parents 22ebcab + a918c56 commit 642e276

1 file changed

Lines changed: 55 additions & 48 deletions

File tree

‎Projects/Bookmarker_App/index.html‎

Lines changed: 55 additions & 48 deletions
Original file line numberDiff line numberDiff line change
@@ -1,63 +1,70 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
4-
<head>
5-
<meta charset="utf-8">
6-
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7-
<meta name="viewport" content="width=device-width, initial-scale=1">
3+
<head>
4+
<meta charset="utf-8" />
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1" />
87
<title>Website-Bookmarker</title>
98

109
<!-- Bootstrap core CSS -->
11-
<link href="bootstrap.min.css" rel="stylesheet">
12-
<link href="style.css" rel="stylesheet">
13-
</head>
14-
15-
<body onload="fetchbookmarks()">
10+
<link href="bootstrap.min.css" rel="stylesheet" />
11+
<link href="style.css" rel="stylesheet" />
12+
</head>
1613

14+
<body onload="fetchbookmarks()">
1715
<div class="container">
18-
<div class="header clearfix">
19-
<nav></nav>
20-
21-
<h1>
22-
<img src="logo.svg" height="30px">
23-
<b>Bookmarker</b>
24-
<span class="text-white">Application</span>
25-
</h1>
26-
</div>
16+
<div class="header clearfix">
17+
<nav></nav>
2718

28-
<div class="jumbotron">
29-
<!-- <hr> -->
30-
<!-- <h3>"Bookmark Your Favourite Websites"</h3> -->
31-
<!-- <hr> -->
32-
<form id="myform">
33-
<div class="form-group">
34-
<h5>Site Name:</h5>
35-
<input type="text" class="form-control" id="sitename" placeholder="site name">
36-
</div>
37-
<br />
38-
<div class="form-group">
39-
<h5>Site URL:</h5>
40-
<input type="text" class="form-control" id="siteurl" placeholder="www.example.com">
41-
</div>
42-
<br>
43-
<button type="submit" class="btn btn-lg btn-primary">Submit</button>
19+
<h1>
20+
<img src="logo.svg" height="30px" />
21+
<b>Bookmarker</b>
22+
<span class="text-white">Application</span>
23+
</h1>
24+
</div>
4425

45-
</form>
46-
<br>
47-
</div>
48-
49-
<div class="row marketing">
50-
<div class="col-lg-12">
51-
<div id="bookmarksresults"></div>
52-
</div>
26+
<div class="jumbotron">
27+
<!-- <hr> -->
28+
<!-- <h3>"Bookmark Your Favourite Websites"</h3> -->
29+
<!-- <hr> -->
30+
<form id="myform" class="px-4">
31+
<div class="form-group">
32+
<h5>Site Name:</h5>
33+
<input
34+
type="text"
35+
class="form-control my-3 py-2"
36+
id="sitename"
37+
placeholder="site name"
38+
/>
39+
</div>
40+
<br />
41+
<div class="form-group">
42+
<h5>Site URL:</h5>
43+
<input
44+
type="text"
45+
class="form-control my-3 py-2"
46+
id="siteurl"
47+
placeholder="www.example.com"
48+
/>
49+
</div>
50+
<br />
51+
<button type="submit" class="btn btn-lg btn-primary">Submit</button>
52+
</form>
53+
<br />
54+
</div>
5355

56+
<div class="row marketing">
57+
<div class="col-lg-12">
58+
<div id="bookmarksresults"></div>
5459
</div>
55-
60+
</div>
5661
</div>
57-
<script src="https://code.jquery.com/jquery-3.5.1.js"
58-
integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc=" crossorigin="anonymous"></script>
62+
<script
63+
src="https://code.jquery.com/jquery-3.5.1.js"
64+
integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc="
65+
crossorigin="anonymous"
66+
></script>
5967
<script src="bootstrap.min.js"></script>
6068
<script src="main.js"></script>
61-
</body>
62-
69+
</body>
6370
</html>

0 commit comments

Comments
 (0)