forked from punitkulli/css
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathbbc.html
More file actions
119 lines (82 loc) · 4.82 KB
/
bbc.html
File metadata and controls
119 lines (82 loc) · 4.82 KB
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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
<html>
<head>
<title> Technology - BBC News</title>
<link rel="stylesheet" type="text/css" href="bbc.css">
</head>
<body>
<div id="topbar">
<img id="logo" src="images/bbc-logo.png">
<div id="signin-div" class="topbar-section">
<img id="signin-image" src="images/signinimage.PNG"><span id="signin-text">Sign in</span>
</div>
<div class="topbar-section topbar-menu">News</div>
<div class="topbar-section topbar-menu">Sports</div>
<div class="topbar-section topbar-menu">iPlayer</div>
<div class="topbar-section topbar-menu">TV</div>
<div class="topbar-section topbar-menu">More
<img id="more-arrow" src="images/morearrow.PNG">
</div>
<div class="topbar-section">
<input id="search-box" type="text" value="search">
<input type="image" id="magnifying-glass" src="images/magnifying-glass.PNG">
</div>
</div>
<div class="clear"></div>
<div id="menu-bar-container">
<div id="menu-bar">
<h1>NEWS</h1>
</div>
<div class="clear"></div>
<div id="menu-bar-2-container">
<div id="menu-bar-2">
<a href="">Home</a>
<a href="">UK</a>
<a href="">World</a>
<a href="">Business</a>
<a href="">Education</a>
<a href="">Entertainment & Arts</a>
<a href="">Health</a>
<a href="">Video & audio</a>
<a href="" class="no-border">More</a>
<img id="down-arrow" src="images/down-arrow.PNG">
</div>
</div>
</div>
<div id="page-container">
<div id="main-article">
<h2>Technology</h2>
<div id="article-container">
<h3><a href="">Facebook: We're not listening in to chat</a></h3>
<div id="article-summary">
<p>An excecutive was responding to a tweet asking about ads which seem to be linked to real-life conversations.</p>
<p><img class="clock" src="images/clock.PNG"> <span class="date">28 October 2017</span> <a class="topic-link" href="">Technology</a></p>
<hr id="article-hr" align="left">
<p><a class="article-link" href="">Related content Professor denies viral Facebook claim</a></p>
<p><a class="article-link" href="">Is your smartphone listening to you?</a></p>
</div>
<img id="main-article-image" src="images/main-article-image.PNG">
</div>
</div>
<div id="watch-listen">
<h4>Watch/Listen</h4>
<img class="article-side-image" src="images/article1.PNG">
<div class="side-article">
<p> <a class="watch-listen-link" href="">Bloodhound: Numbers of the beast</a></p>
<p><img class="clock" src="images/clock.PNG"> <span class="date">28 October 2017</span> <br><a class="topic-link no-border" href="">Cornwall</a></p>
</div>
<div class="clear"></div>
<img class="article-side-image" src="images/article2.PNG">
<div class="side-article">
<p> <a class="watch-listen-link" href="">Cloud algorithms revolutionise building?</a></p>
<p><img class="clock" src="images/clock.PNG"> <span class="date border-right">28 October 2017</span><br> <a class="topic-link no-border" href="">Technology</a></p>
</div>
<div class="clear"></div>
<img class="article-side-image" src="images/article3.PNG">
<div class="side-article">
<p> <a class="watch-listen-link" href="">Inside Microsoft's new 'hologram maker'</a></p>
<p><img class="clock" src="images/clock.PNG"> <span class="date border-right">28 October 2017</span><br> <a class="topic-link no-border" href="">Technology</a></p>
</div>
</div>
</div>
</body>
</html>