-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathexper.html
51 lines (46 loc) · 2.82 KB
/
exper.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="exper.css">
<title>Experience</title>
</head>
<body>
<div="main_contenet">
<h1 class="papername">THE CODEPEN TIMES</h1>
<hr>
<hr>
<div class="abc">
<p class="issue">ISSUE#1</p>
<p class="date" style="word-spacing: 10px">TUESDAY, 26 MAY, 2020</p>
<p class="edition" style="word-spacing: 10px">TWO MEMES EDITION</p>
</div>
<hr>
<hr>
<div class="left_col1">
<h1 class="main_heading">Woman spends too much time on Codepens despite advice; no plans to stop</h1>
<div class="sub">
<p class="p1">Sometimes, Internet users land themselves in an uncommon situation where an app or website can be used for both work and personal situations. Well, a young front-end designer was spending up to 13 hours on the site, Codepen for work and her hobby, which unfortunately, is also coding.</p>
<p class="p2">The designer, whose work includes a <em>To-Do Terrarium</em>, clarified, "Well, I didn't have to use it for work but it was already part of my workflow. It just made sense as it was more efficient." The biggest</p>
<p class="P"> issue, she said, is that she would hop on Codepen for work, but would get distracted by pens made by others in the community for unexpectedly long periods of time, which then causes her to spend even more time on the site.</p>
<p class="p3">"I mean, that's terrible right?" she asked. Codepen, which brands itself as the best place to build, test, and discover front-end code, has declined to comment at this time.</p>
</div>
<div class="img_con">
<div class="img"></div>
<div class="img_detail" style="font-style: italic; padding:10px; padding-left: 9px; word-spacing: 3px">A to-do list that grows succulents when you've completed a task</div>
</div>
</div>
<div class="right_col1">
<h3 style="font-style:italic; font-size: 25px;">Hot this month</h3>
<div style= "word-spacing: 3px; height: 170px; width: 255px; color:white; padding:17px; line-height: 1.6rem; background-color: #666666">
<div style="position: relative; left: -17px; top: -17px; width:255px; height: 35px; padding: 5px;
padding-left: 15px; background-color: #999999">FOOD</div>
<div style="font-size: 22px; font-weight: 600">Pies for everyone!</div>
No man is left behind. There's<br>
infinite pie with this one div<br>
and a repeating background
</div>
</div>
</body>
</html>