-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmy_web_page.html
34 lines (29 loc) · 2.26 KB
/
my_web_page.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Test document</title>
</head>
<!-- CSS inclusions -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="my_css.css">
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<body>
<h1 class="text-center col-sm-12">This is my webpage</h1>
<div class="col-sm-12 text-center">
<img src="Upper-Kachura-Lake-Skardu.jpg" class="my_class">
</div>
<div class="col-sm-12"><hr></div>
<div class="col-sm-12 scroll-it">
<div class="col-sm-6">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ultricies nunc augue, vel aliquet odio vehicula vitae. Integer sodales eleifend dui id pretium. Phasellus id nisi sit amet arcu egestas volutpat. Integer finibus eu nisl ut feugiat. Cras erat nibh, ultrices a pretium et, interdum at nisi. Mauris luctus lacus nec justo molestie lacinia. Nam laoreet, velit sit amet pellentesque ornare, turpis arcu molestie dolor, vel porta leo nulla at orci. Sed eget quam faucibus, maximus ipsum quis, lobortis risus. Nunc libero augue, tempor vel volutpat tempor, sagittis eu metus. Integer convallis ligula metus, sit amet lobortis elit rhoncus a. Pellentesque nec ipsum a diam porta congue.
</div>
<div class="col-sm-6 border">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ultricies nunc augue, vel aliquet odio vehicula vitae. Integer sodales eleifend dui id pretium. Phasellus id nisi sit amet arcu egestas volutpat. Integer finibus eu nisl ut feugiat. Cras erat nibh, ultrices a pretium et, interdum at nisi. Mauris luctus lacus nec justo molestie lacinia. Nam laoreet, velit sit amet pellentesque ornare, turpis arcu molestie dolor, vel porta leo nulla at orci. Sed eget quam faucibus, maximus ipsum quis, lobortis risus. Nunc libero augue, tempor vel volutpat tempor, sagittis eu metus. Integer convallis ligula metus, sit amet lobortis elit rhoncus a. Pellentesque nec ipsum a diam porta congue.
</div>
</div>
</body>
</html>