-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathresource.html
157 lines (152 loc) · 6.64 KB
/
resource.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./styles/resource.css">
<link rel="icon" href="https://storage.googleapis.com/lumen5-site-images/favicon/favicon.ico" type="image/png">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" integrity="sha512-5A8nwdMOWrSz20fDsjczgUidUBR8liPYU+WymTZP1lmY9G6Oc7HlZv156XqnsgNUzTyMefFTcsFH/tnJE/+xBg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<title>resources</title>
</head>
<body>
<!-- nav bar -->
<div id="rnavbar">
<div id="logo">
<img src="https://lumen5.com/learn/wp-content/uploads/2022/03/L5-logo-monotone-white.png" alt="">
</div>
<div id="para">
<p>Marketing Strategy</p>
<p>Podcasts & Webinars</p>
<p>Latest Trends</p>
<p>Lumen5 Stories</p>
</div>
<div id="search">
<i class="fa fa-search" aria-hidden="true"></i>
<input type="text" id="query" onkeydown="hey()" placeholder="Search...">
</div>
</div>
<!-- end of nav -->
<h1>Learning Resources</h1>
<div id="btn-div" >
<button>Podcast</button>
<button>Webinars</button>
<button>Ebooks</button>
<button>Case Studies</button>
<button>videos</button>
</div>
<!-- 2div -->
<div id="div-con">
<div class="con-div">
<div class="small-div">
<a style="color:blue ; font-size: 18px;">Podcast</a>
<h3 style="font-size: 23px;">Building a Content Marketing
Strategy: How to Convert Content into Revenue</h3>
</div>
<div>
<img class="con-img" src="https://lumen5.com/learn/wp-content/uploads/2022/08/Podcast-Blog-Feature-Image-Jill-Warren-1-768x512.png" alt=""/>
</div>
</div>
<div class="con-div">
<div class="small-div">
<a style="color:blue ; font-size: 18px;"> Podcast</a>
<h3 style="font-size: 23px;">Podcasting in the B2B World: How to leverage
it to drive brand awarness and revenue</h3>
</div>
<div>
<img class="con-img" src="https://lumen5.com/learn/wp-content/uploads/2022/08/Podcast-Blog-Feature-Image-James-Mulvany-768x512.png" alt=""/>
</div>
</div>
</div>
<!-- 2side div -->
<div id="side-con">
<div class="side-div">
<div class="chota">
<img class="side-img" src="https://lumen5.com/learn/wp-content/uploads/2022/07/Blog-Image-Podcast-Promo-1020-x-675-768x508.png" alt="" />
</div>
<div class="big">
<a style="color:blue ; font-size: 18px;">Podcast</a>
<h2 style="font-size: 25px;">Building a B2B Thought Leadership Brand:How to
make an impact and get it right</h2>
</div>
</div>
<div class="side-div">
<div class="chota">
<img class="side-img" src="https://lumen5.com/learn/wp-content/uploads/2022/07/7-768x508.png" alt="" />
</div>
<div class="big">
<a style="color:blue ; font-size: 18px;">Podcast</a>
<h2 style="font-size: 25px;">Emotion in the B2B World: How marketers can increase
conversions using emotional targeting</h2>
</div>
</div>
<div class="side-div">
<div class="chota">
<img class="side-img" src="https://lumen5.com/learn/wp-content/uploads/2022/07/6-768x508.png" alt="" />
</div>
<div class="big">
<a style="color:blue ; font-size: 18px;">Podcast</a>
<h2 style="font-size: 25px;">Thought Leadership as a Buzzword:
How to elevate your content strategy</h2>
</div>
</div>
<div class="side-div">
<div class="chota">
<img class="side-img" src="https://lumen5.com/learn/wp-content/uploads/2022/07/5-768x508.png" alt="" />
</div>
<div class="big">
<a style="color:blue ; font-size: 18px;">Podcast</a>
<h2 style="font-size: 25px;">The Evolution of Field Marketing: How to create a personalized experience in a digital world</h2>
</div>
</div>
<div class="side-div">
<div class="chota">
<img class="side-img" src="https://lumen5.com/learn/wp-content/uploads/2022/07/4-768x508.png" alt="" />
</div>
<div class="big">
<a style="color:blue ; font-size: 18px;">Podcast</a>
<h2 style="font-size: 25px;">Virtual Events as the New Normal: How to build a successful event and drive pipeline</h2>
</div>
</div>
<div class="side-div">
<div class="chota">
<img class="side-img" src="https://lumen5.com/learn/wp-content/uploads/2022/07/3-768x508.png" alt="" />
</div>
<div class="big">
<a style="color:blue ; font-size: 18px;">Podcast</a>
<h2 style="font-size: 25px;">Virtual Events as the New Normal: How to build a successful event and drive pipeline</h2>
</div>
</div>
<div class="side-div">
<div class="chota">
<img class="side-img" src="https://lumen5.com/learn/wp-content/uploads/2022/07/1-768x508.png" alt="" />
</div>
<div class="big">
<a style="color:blue ; font-size: 18px;">Podcast</a>
<h2 style="font-size: 25px;">Win the Content Landscape: How to repurpose your content in a digital world</h2>
</div>
</div>
</div>
<!-- footer -->
<div id="footie">
<div id="footer">
<div id="foot-logo">
<img class="footie-img" src="https://lumen5.com/learn/wp-content/uploads/2022/03/L5-logo-monotone-white.png" alt=""/>
</div>
<div id="foot-side">
<h3 style="font-size:18px ; text-decoration: none;">Follow us</h3>
<img class="foot-img" src="https://tse1.mm.bing.net/th?id=OIP.A4E1CwO3D01uWO69R_FLVgHaHa&pid=Api&rs=1&c=1&qlt=95&w=111&h=111" alt="" />
<img class="foot-img" src="https://tse1.mm.bing.net/th?id=OIP.7vCbDA4wbuVXzriaZy1crwHaHe&pid=Api&rs=1&c=1&qlt=95&w=116&h=117" alt="" />
<img class="foot-img" src="https://tse4.mm.bing.net/th?id=OIP.a65i3YEiWpSBmDWBwT4YiQHaHa&pid=Api&P=0&w=300&h=300" alt="" />
<img class="foot-img" src="https://tse1.mm.bing.net/th?id=OIP.e0GLlSZUZcYwTtBAQ4bgEQHaHa&pid=Api&rs=1&c=1&qlt=95&w=122&h=122" alt="" />
<img class="foot-img" src="https://vectorified.com/images/grey-youtube-icon-38.png" alt="" />
</div>
</div>
<hr id="hr">
<div id="ending">
<p id="end">2022.All rights reserved by Lumen5.</p>
</div>
</div>
</body>
</html>
<script src="./scripts/fetch.js"></script>