-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
executable file
·188 lines (182 loc) · 8.17 KB
/
index.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
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
<!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">
<meta name="keywords" content="Header Bidding, Framework, HeaderBidding, Pubfood">
<title>Pubfood.org - Open Source Header Bidding Framework</title>
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="styles.css" rel="stylesheet">
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body class="home">
<!-- begin header -->
<div class="top-wrapper-outer">
<div id="top-wrapper">
<div class="top-w-1">
<div id="logo"><a href="/"><img src="images/logo.png" width="162" height="142" title="Pubfood" alt="Pubfood logo"></a></div>
</div><!-- end .top-w-1 -->
<div class="top-w-2">
<div id="main-nav">
<ul>
<li><a href="/getting-started">Getting Started</a></li>
<li><a href="/why-pubfood">Why Pubfood</a></li>
<li><a href="/analytics">Pubfood Analytics</a></li>
<li><a href="/api-reference">API Reference</a></li>
<li><a href="/testimonials">Testimonials</a></li>
<li><a href="/integration-playbook">Ad Ops Guide</a></li>
<li><a href="https://github.com/pubfood/pubfood" target="_blank">GitHub</a></li>
<li><a href="mailto:pubfood@yieldbot.com?subject=Invite%20Request:%20Pubfood.js%20Slack%20Channel">Contact</a></li>
</ul>
</div><!-- end #main-nav -->
</div><!-- end .top-w-2 -->
<div class="clear-float"></div>
<div class="top-w-3 content">
<h1>Welcome to Pubfood.js</h1>
<p style="max-width:800px">Open source header bidding framework built by publishers for publishers.</p>
<!-- otu <p><a class="button-1" href="/quick-start">DIG IN!</a></p>-->
</div><!-- end .top-w-3 -->
<div id="mn-toggle-link"><a href="javascript:void(0)" title="show main navigation"></a></div>
</div><!-- end #top-wrapper -->
</div><!-- end .top-wrapper-outer -->
<!-- end header -->
<div class="section-home-1-outer">
<div id="section-home-1" class="content">
<!-- begin section connector :: needed to complete header -->
<div class="section-connector-1"><img src="images/half-circle-1.png" width="120" height="35" alt="half circle" /></div>
<!-- end section connector :: needed to complete header -->
<div class="container-fluid">
<div class="row">
<div class="col-xs-12">
<!-- otu <h1 class="styled-heading-a" style="margin-bottom:2px; text-align:center">JOIN TOP PUBLISHERS</h1>
<h2 style="max-width:800px; margin-left:auto; margin-right:auto; text-align:center; font-weight:normal">already using & benefiting from the Pubfood.js header bidding framework.</h2>-->
<h2>Top Publishers Already Benefiting from Pubfood</h2>
<div class="st1-logos-wrapper">
<span><img src="images/logo-brainy-quote.png" width="571" height="115" alt="Brainy Quote logo" /></span>
<span><img src="images/logo-slader.png" width="600" height="115" alt="Slader logo" /></span>
<span><img src="images/logo-your-daily-dish.png" width="320" height="95" alt="Your Daily Dish logo" /></span>
<span><img src="images/logo-ranker.png" width="712" height="151" alt="Ranker logo" /></span>
<span><img src="images/logo-little-things.png" width="1013" height="274" alt="LittleThings.com logo" /></span>
</div><!-- end .st1-logos-wrapper -->
<br />
<p class="text-big text-color-3"><span class="text-color-2">"</span>The results have been phenomenal. We've experience substantial increases in CPMS and no increases in latency. We are now looking to expand what we're doing with Pubfood.js.<span class="text-color-2">"</span></p>
<p><a href="docs/PF_CS_Little_Things.pdf" target="_blank">Learn how Pubfood Delivers a 20% Revenue Lift for LittleThings</a></p>
<p style="text-align:center;" class="text-big testimonial-signature"><strong>Justin Festa</strong>, VP of Revenue, Little Things</p>
<hr />
</div>
</div><!-- end .row -->
<div class="row">
<div class="col-sm-1"></div>
<div class="col-sm-10">
<h2>Why Pubfood</h2>
<p class="text-big text-color-1">Pubfood open source framework empowers publishers to take back control of their ad stack and unlock the true value of their inventory.</p>
</div>
<div class="col-sm-1"></div>
</div><!-- end .row -->
<div class="row">
<div class="col-sm-6 col-md-4">
<div class="sh1-1">
<div class="sh1-1-pic">
<p><img src="images/icon-maze.png" width="265" height="265" alt="maze icon" /></p>
</div>
<h3 class="front">Simple</h3>
<ul>
<li>Direct access to source code</li>
<li>Seamless and straightforward integration</li>
<li>Implement non-blocking JS load control</li>
</ul>
</div><!-- end .sh1-1 -->
</div>
<div class="col-sm-6 col-md-4">
<div class="sh1-2">
<div class="sh1-2-pic">
<p><img src="images/icon-spring.png" width="263" height="180" alt="spring icon" /></p>
</div>
<h3 class="front">Flexible</h3>
<ul>
<li>Measure, understand and manage multiple bid partners</li>
<li>Configure header bidding partners to specific ad slots</li>
<li>House your data within your preferred platform</li>
</ul>
</div><!-- end .sh1-2 -->
</div>
<div class="col-sm-12 col-md-4">
<div class="sh1-3">
<div class="sh1-3-pic">
<p><img src="images/icon-lock.png" width="138" height="196" alt="lock icon" /></p>
</div>
<h3 class="front">Transparent</h3>
<ul>
<li>Maximize yield through a granular understanding of page and ad slot performance</li>
<li>Employ bid and latency analytics</li>
<li>Mediation controlled by publishers</li>
</ul>
</div><!-- end .sh1-3 -->
</div>
</div><!-- end .row -->
<div class="row">
<div class="col-xs-12">
<a class="button-2" href="/why-pubfood">LEARN MORE</a>
</div>
</div><!-- end .row -->
</div><!-- end .container-fluid -->
</div><!-- end #section-home-1 -->
</div><!-- end .section-home-1-outer -->
<div class="section-home-2-outer">
<div id="section-home-2" class="content">
<div class="section-connector-2"><img src="images/half-circle-2.png" width="120" height="35" alt="half circle" /></div>
<div class="container-fluid">
<div class="row">
<div class="col-xs-12">
<h3>READY TO GET STARTED?</h3>
<p><img src="images/icon-fork-and-knife.png" width="106" height="106" alt="fork and knife icon" /></p>
<p><a class="button-1" href="/why-pubfood">DIG IN!</a></p>
</div>
</div><!-- end .row -->
</div><!-- end .container-fluid -->
</div><!-- end #section-home-2 -->
</div><!-- end .section-home-2-outer -->
<!-- begin footer -->
<div class="footer-wrapper-outer">
<div id="footer-wrapper">
<div id="footer-logo">
<img class="f-logo-1" src="images/logo.png" width="162" height="142" alt="Pubfood logo" />
<img class="f-logo-2" src="images/logo-2.png" width="100" height="88" alt="Pubfood logo - smaller size" />
</div>
<ul>
<li><a href="https://github.com/pubfood/pubfood" target="_blank">GitHub</a></li>
<!-- <li><a href="#">Contact</a></li> -->
<li><a href="mailto:pubfood@yieldbot.com?subject=Invite%20Request%3A%20Pubfood.js%20Slack%20Channel">Join the Pubfood.js Slack</a></li>
<li><a href="https://twitter.com/yieldbot" target="_blank"><img src="images/icon-twitter.png" width="28" height="24" alt="Twitter" /></a></li>
</ul>
<p><span>©
<script type="text/javascript">
(function display_the_cr_year() {
var the_cr_date = new Date();
var the_cr_current_year = the_cr_date.getFullYear();
document.write(the_cr_current_year);
})();
</script>
Pubfood.js</span> <span>All Rights Reserved</span></p>
</div><!-- end #footer-wrapper -->
</div><!-- end .footer-wrapper-outer -->
<!-- end footer -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
<!-- begin Google Analytics code -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-69476533-1', 'pubfood.org');
ga('send', 'pageview');
</script>
<!-- end Google Analytics code -->
</body>
</html>