diff --git a/network-api/networkapi/fellows/templates/fellows_openweb.html b/network-api/networkapi/fellows/templates/fellows_openweb.html
index 552dd3e2855..cd0b1f6ea4f 100644
--- a/network-api/networkapi/fellows/templates/fellows_openweb.html
+++ b/network-api/networkapi/fellows/templates/fellows_openweb.html
@@ -1,5 +1,43 @@
-{% extends "foundation-base.html" %}
+{% extends "fellows_type.html" %}
-{% block body %}
-open web fellows
+{% block breadcrumb_fellowship_type %}
+Open Web
+{% endblock %}
+
+{% block fellowship_type %}
+Open Web
+{% endblock %}
+
+{% block fellowship_description %}
+{% lorem 2 p %}
+{% endblock %}
+
+{% block fellowship_illustration %}
+img
+{% endblock %}
+
+{% block benefit_illustration %}
+img
+{% endblock %}
+
+{% block benefit_description %}
+{% lorem 3 p %}
+{% endblock %}
+
+{% block benefit_list %}
+
Corrupti quis facilis exercitationem iste. Eius debitis animi quam repellendus quo natus earum quis atque sint, dicta beatae a quaerat quibusdam est eligendi possimus in.
+Oodit hic dolores atque ullam, laboriosam necessitatibus facere perferendis magnam fuga aliquam, officia placeat sequi eligendi, fugiat dolorem quos cumque ut reiciendis.
+Anihil molestias velit praesentium mollitia perspiciatis officiis. Ratione ipsam quod enim dolores modi unde blanditiis aperiam, dolore non mollitia voluptatibus modi eaque beatae iste.
+Corrupti quis facilis exercitationem iste. Eius debitis animi quam repellendus quo natus earum quis atque sint, dicta beatae a quaerat quibusdam est odit hic dolores atque ullam, laboriosam necessitatibus facere perferendis magnam fuga aliquam, officia placeat sequi eligendi, fugiat dolorem quos cumque ut reiciendis eligendi possimus in.
+{% endblock %}
+
+{% block eligibility_list %}
+Corrupti quis facilis exercitationem iste. Eius debitis animi quam repellendus quo natus earum quis atque sint, dicta beatae a quaerat quibusdam est eligendi possimus in.
+Oodit hic dolores atque ullam, laboriosam necessitatibus facere perferendis magnam fuga aliquam, officia placeat sequi eligendi, fugiat dolorem quos cumque ut reiciendis.
+Anihil molestias velit praesentium mollitia perspiciatis officiis. Ratione ipsam quod enim dolores modi unde blanditiis aperiam, dolore non mollitia voluptatibus modi eaque beatae iste.
+Corrupti quis facilis exercitationem iste. Eius debitis animi quam repellendus quo natus earum quis atque sint, dicta beatae a quaerat quibusdam est odit hic dolores atque ullam, laboriosam necessitatibus facere perferendis magnam fuga aliquam, officia placeat sequi eligendi, fugiat dolorem quos cumque ut reiciendis eligendi possimus in.
+{% endblock %}
+
+{% block featured_fellow %}
+
{% endblock %}
diff --git a/source/js/main.js b/source/js/main.js
index 013e44ed1da..66d00338832 100644
--- a/source/js/main.js
+++ b/source/js/main.js
@@ -245,11 +245,29 @@ let main = {
image: `https://images.pexels.com/photos/264206/pexels-photo-264206.jpeg?w=500`,
quote: `Quote quote quote quote quote quote quote quote quote quote quote quote.`,
affiliations: [ `Stanford University Professor; YouthLAB founder`],
- fellow_directory_link: { type: `science`, link: `/fellowships/directory` }
+ 'fellow_directory_link': { type: `science`, link: `/fellowships/directory` }
};
ReactDOM.render(, document.getElementById(`featured-science-fellow`));
}
+
+ // Open Web Fellowship
+ if (document.getElementById(`featured-open-web-fellow`)) {
+ let metadata = {
+ featured: true,
+ 'internet_health_issues': [ `Decentralization`, `Open Innovation` ],
+ links: [],
+ name: `Firstname Surname`,
+ role: `[Area Fellowship] Fellow, [Year]`,
+ location: `City, Country`,
+ image: `https://images.pexels.com/photos/264206/pexels-photo-264206.jpeg?w=500`,
+ quote: `Quote quote quote quote quote quote quote quote quote quote quote quote.`,
+ affiliations: [ `Stanford University Professor; YouthLAB founder`],
+ 'fellow_directory_link': { type: `science`, link: `/fellowships/directory` }
+ };
+
+ ReactDOM.render(, document.getElementById(`featured-open-web-fellow`));
+ }
}
};