JSFiddle - React, Tailwind, and code Playground
JavaScript
var Gilead = Gilead || {};
Gilead.Data = {
products: [
{
"section" : "hiv",
"items": [
{
"picture": "/assets/img/products/.jpg",
"illness": "hiv/aids",
"product": "atripla",
"scientific": "efavirenz 600 mg/emtricitabine 200 mg/tenofovir disoproxil fumarate 300 mg",
"company": "bristol-myers squibb company (u.s., western europe, canada) merck & co., inc. (rest of world)"
},
{
"picture": "/assets/img/products/.jpg",
"illness": "hiv/aids",
"product": "complera",
"scientific": "emtricitabine/rilpivirine/tenofovir disoproxil fumarate",
"company": "janssen r&d ireland marketed as eviplera® in the eu"
},
{
"picture": "/assets/img/products/.jpg",
"illness": "hiv/aids",
"product": "emtriva",
"scientific": "emtricitabine",
"company": "japan tobacco inc. (japan)"
},
{
"picture": "/assets/img/products/.jpg",
"illness": "hiv/aids",
"product": "stribild",
"scientific": "elvitegravir / cobicistat / emtricitabine / tenofovir disoproxil fumarate",
"company": ""
},
{
"picture": "/assets/img/products/.jpg",
"illness": "hiv/aids",
"product": "truvada",
"scientific": "emtricitabine/tenofovir disoproxil fumarate",
"company": "japan tobacco inc. (japan)"
},
{
"picture": "/assets/img/products/.jpg",
"illness": "hiv/aids",
"product": "viread",
"scientific": "tenofovir disoproxil fumarate",
"company": "japan tobacco inc. (japan)"
}
]
},
{
"section" : "respiratory",
"items": [
{
"picture": "/assets/img/products/.jpg",
"illness": "cystic fibrosis",
"product": "cayton",
"scientific": "aztreonam for inhalation solution",
"company": ""
},
{
"picture": "/assets/img/products/.jpg",
"illness": "influenza a and b",
"product": "tamiflu",
"scientific": "oseltamivir phosphate",
"company": "f. hoffmann-la roche ltd...