Skip to content

Commit d6a1134

Browse files
committed
fb1
1 parent b7d8f2a commit d6a1134

File tree

2 files changed

+59
-0
lines changed

2 files changed

+59
-0
lines changed

css/facebook.css

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
.chat-popup {
2+
width: 300px;
3+
position: absolute;
4+
bottom: 0px;
5+
right: 20px;
6+
}

facebook.html

+53
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,53 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
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">
7+
<!-- The above 3 meta tags *must* come first in the head;
8+
any other head content must come *after* these tags -->
9+
<title>Facebook</title>
10+
11+
<!-- Bootstrap's CSS -->
12+
<link href="css/bootstrap.min.css" rel="stylesheet">
13+
<!-- Custom CSS -->
14+
<link href="css/facebook.css" rel="stylesheet">
15+
</head>
16+
<body>
17+
<!-- Our Facebook layout will go here. -->
18+
<nav class="navbar navbar-default">
19+
NAVBAR
20+
21+
</nav>
22+
<!-- The container for our grid. The outermost grid must be placed within
23+
a `container` or `container-fluid` class. (Meaning: If you nest a grid
24+
within a grid, you should not define another `container`) -->
25+
<div class="container">
26+
<div class="chat-popup">
27+
CHAT MENU
28+
</div>
29+
<!-- The row that contains the three main columns of the website. -->
30+
<div class="row">
31+
<!-- Left sidebar: A cell that spans 2 columns -->
32+
<div class="col-md-2">
33+
Left Sidebar
34+
</div>
35+
<!-- Main feed: A cell that spans 7 columns -->
36+
<div class="col-md-7">
37+
Main Feed
38+
</div>
39+
<!-- Right sidebar: A cell that spans 3 columns -->
40+
<div class="col-md-3">
41+
Right Sidebar
42+
</div>
43+
</div>
44+
</div>
45+
46+
47+
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
48+
<script src="js/jquery.min.js"></script>
49+
<!-- Include all compiled plugins (below),
50+
or include individual files as needed -->
51+
<script src="js/bootstrap.min.js"></script>
52+
</body>
53+
</html>

0 commit comments

Comments
 (0)