-
Notifications
You must be signed in to change notification settings - Fork 0
/
NYT2.html
169 lines (155 loc) · 5.62 KB
/
NYT2.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
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
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>The New York Times</title>
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<!--Header Starts Here-->
<section class="header">
<section class="icon">
<i class="fa fa-bars" aria-hidden="true"></i><!--this code was used from fontawesome.com-->
<i class="fa fa-search" aria-hidden="true"></i><!--this code was used from fontawesome.com-->
</section>
<section class="top-nav">
<nav>
<ul>
<li><a href="#">U.S.</a></li>
<li><a href="#">INTERNATIONAL</a></li>
<li><a href="#">CANADA</a></li>
<li><a href="#">Espanol</a></li>
<li><a href="#">中文</a></li>
</ul>
</nav>
</section>
<!--subscribe button-->
<section class="subscribe">
<a href="#"><button>Subscribe for $1/week</button></a>
<a href="#"><button>Log In</button></a>
</section>
</section>
<!--middle header-->
<section class="middle">
<section class="date">
<h4>Thursday, February 16,2023</h4>
<h4>Todays Paper</h4>
</section>
<section class="logo">
<img src="https://i.postimg.cc/TwWqZC8z/The-New-York-Times-Logo-svg.png" alt="NYT logo">
</section>
<section class="weather">
<i class="fa fa-sun-o" aria-hidden="true"></i> 42F<!--this code was used from fontawesome.com-->
</section>
</section>
<!--main navigation bar-->
<section class="bottom-nav">
<nav>
<ul>
<a href="#">
<li>World</li>
</a>
<a href="#">
<li>U.S.</li>
</a>
<a href="#">
<li>Politics</li>
</a>
<a href="#">
<li>N.Y.</li>
</a>
<a href="#">
<li>Business</li>
</a>
<a href="#">
<li>Opinion</li>
</a>
<a href="#">
<li>Science</li>
</a>
<a href="#">
<li>Health</li>
</a>
<a href="#">
<li>Sports</li>
</a>
<a href="#">
<li>Arts</li>
</a>
<a href="#">
<li>Books</li>
</a>
<a href="#">
<li>Style</li>
</a>
<a href="#">
<li>Food</li>
</a>
<a href="#">
<li>Travel</li>
</a>
<a href="#">
<li>Magazine</li>
</a>
<a href="#">
<li>Real Estate</li>
</a>
<a href="#">
<li>Cooking</li>
</a>
<a href="#">
<li>The Athletic</li>
</a>
<a href="#">
<li>Wirecutter</li>
</a>
<a href="#">
<li>Games</li>
</a>
</ul>
</nav>
</section>
</section>
</header>
<main>
<section><!--top left section-->
<section class="top-left">
<div class="top">
<h2>Moscow's Military Capabilies Are In Question After Disastrous Battle</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Consectetur deserunt reiciendis minus praesentium, animi molestias labore dicta explicabo nam quaerat soluta quibusdam voluptatum sequi accusantium. Provident quas excepturi distinctio dignissimos?</p>
<span>5 MIN READ</span>
</div>
<div class="top">
<h3>The Race Is On to Rebuild Ukraine</h3>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. In alias reiciendis sint eaque. Ducimus atque ipsum quisquam vero enim dolorem ea, earum provident totam voluptatum qui vel ab eligendi quae!</p>
<span>5 MIN READ</span>
</div>
<div class="top">
<h4>Daily Breifing: War in Ukraine</h4>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Reiciendis, neque velit culpa placeat doloremque aut laborum quam accusamus sit cumque eligendi sed temporibus beatae in nihil suscipit molestiae, autem illo!</p>
</div>
</section>
<section class="bottom-side">
<div>
<!--insert image here-->
</div>
</section>
</section>
<section class="very-bottom">
<section class="bottom-left">
<div>
<h3>A Talk With Bing's Chatbot Left Our Columnist 'Deeply Unsettled, Even Frightened'</h3>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quisquam reiciendis at commodi unde, in quos sapiente maxime sit. Neque repellat voluptates numquam maxime veniam, laboriosam est. Officiis voluptates eaque quaerat.</p>
<span>7 MIN READ</span>
</div>
<div>
<h4>"I want to be alive.😈": Read a trascript of Kevin Roose's conversation with the chatbot.</h4>
<span>10+ MIN READ</span>
</div>
</section>
<section class="bottom-image">
</section>
</main>
</body>
</html>