diff --git a/src/common/routes.jsx b/src/common/routes.jsx
index 9f62a4f0..09b530ad 100644
--- a/src/common/routes.jsx
+++ b/src/common/routes.jsx
@@ -14,6 +14,7 @@ import { Access } from '../components/Access'
 import { Geo } from '../components/Geo'
 import { Host } from 'components/Host'
 import { Palmid } from '../components/Palmid'
+import { Media } from 'components/Media'
 
 export const routes = {
     home: {
@@ -46,6 +47,10 @@ export const routes = {
         path: '/team',
         component: Team,
     },
+    media: {
+        path: '/media',
+        component: Media,
+    },
     trees: {
         path: '/trees',
         component: Trees,
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index 68c126bd..b246a9d3 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -3,16 +3,18 @@ import { ExternalLink } from 'common'
 
 export const Footer = () => {
     return (
-        <footer className='bg-gray-50 px-10 py-2 border-t-2 border-gray-200 w-screen md:text-center'>
-            Want to revolutionize virus discovery? Serratus is hiring{' '}
-            <ExternalLink href='https://rrna.ca/id0001' className='text-blue-600'>
-                computational virologists
-            </ExternalLink>{' '}
-            and/or{' '}
-            <ExternalLink href='https://rrna.ca/id0002' className='text-blue-600'>
-                software engineers
-            </ExternalLink>
-            .
+        <footer className='bg-gray-50 px-10 py-2 border-t-2 border-gray-200 md:text-center'>
+            <div>
+                Want to revolutionize virus discovery? Serratus is hiring{' '}
+                <ExternalLink href='https://rrna.ca/id0001' className='text-blue-600'>
+                    computational virologists
+                </ExternalLink>{' '}
+                and/or{' '}
+                <ExternalLink href='https://rrna.ca/id0002' className='text-blue-600'>
+                    software engineers
+                </ExternalLink>
+                .
+            </div>
         </footer>
     )
 }
diff --git a/src/components/Home.jsx b/src/components/Home.jsx
index a89f611d..d505318f 100644
--- a/src/components/Home.jsx
+++ b/src/components/Home.jsx
@@ -45,7 +45,7 @@ export const Home = () => {
                     </h3>
                 </div>
             </div>
-            <div className='fixed'>{<Footer />}</div>
+            <div className='fixed w-full'>{<Footer />}</div>
         </div>
     )
 }
diff --git a/src/components/Media.tsx b/src/components/Media.tsx
new file mode 100644
index 00000000..1a2ffe71
--- /dev/null
+++ b/src/components/Media.tsx
@@ -0,0 +1,72 @@
+import React from 'react'
+import { Helmet } from 'react-helmet'
+import { classesBoxBorder, ExternalLink } from 'common'
+
+import mediaData from '../data/mediaData.json'
+
+export const Media = () => {
+    const headTags = (
+        <Helmet>
+            <title>Serratus | Media</title>
+        </Helmet>
+    )
+
+    return (
+        <div className='p-4 lg:px-24 min-h-screen sm:bg-gray-100'>
+            {headTags}
+            <div className={`py-4 flex justify-center items-center ${classesBoxBorder}`}>
+                <h1 className='text-3xl font-bold text-center'>Media</h1>
+            </div>
+            <hr className='block sm:hidden' />
+            <div className='sm:h-3'></div>
+            <div className={`sm:px-3 ${classesBoxBorder} grid gap-2`}>
+                {mediaData.coverages.map((coverage, index) => {
+                    return (
+                        <div key={index} className='m-4'>
+                            <h2 className='text-xl mb-1 text-center md:text-left'>
+                                {coverage.name}
+                            </h2>
+
+                            <div className='mt-3 mx-2 md:ml-6 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4'>
+                                {coverage.items.map((item, idx) => {
+                                    return (
+                                        <div key={idx}>
+                                            <h3 className='font-normal'>{item.title}</h3>
+                                            <div className='text-sm whitespace-pre-line italic'>
+                                                {item.publisher}
+                                            </div>
+                                            <a
+                                                href={item.url}
+                                                target='_blank'
+                                                rel='noopener noreferrer'
+                                                className='underline text-sm text-blue-600'>
+                                                Read more
+                                            </a>
+                                        </div>
+                                    )
+                                })}
+                            </div>
+                        </div>
+                    )
+                })}
+                <div className='my-3'>
+                    <div className='my-3'>
+                        <div>
+                            Serratus is a{' '}
+                            <ExternalLink href='https://www.hackseq.com/' className='text-blue-600'>
+                                hackseqRNA
+                            </ExternalLink>{' '}
+                            initiative. Project support provided kindly by the{' '}
+                            <ExternalLink
+                                href='https://cic.ubc.ca/projects/university-of-british-columbia-discovering-new-coronavirus-species-by-re-analyzing-all-public-rna-sequencing-data/'
+                                className='text-blue-600'>
+                                UBC/AWS Cloud Innovation Center
+                            </ExternalLink>
+                            .
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    )
+}
diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index d6305e04..f26451cd 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -22,7 +22,7 @@ export const Navbar = () => {
                 <div
                     className={`${
                         hamburgerButtonPressed ? 'flex flex-col' : 'hidden'
-                    } lg:flex lg:flex-row w-screen  bg-gray-50 sm:p-2 lg:justify-between items-center gap-y-4 z-10 border-b-2  border-gray-200 font-montserrat font-medium`}>
+                    } lg:flex lg:flex-row bg-gray-50 sm:p-2 lg:justify-between items-center gap-y-4 z-10 border-b-2  border-gray-200 font-montserrat font-medium`}>
                     <div className='hidden w-20 h-8 lg:flex align-middle'>
                         <NavLink exact to={routes.home.path}>
                             <img src='/logo.png' alt='logo'></img>
@@ -58,6 +58,13 @@ export const Navbar = () => {
                             activeClassName='text-blue-600'>
                             Team
                         </NavLink>
+                        <NavLink
+                            exact
+                            to={routes.media.path}
+                            className='ml-10 hover:text-blue-800 transition duration-300 ease-in-out'
+                            activeClassName='text-blue-600'>
+                            Media
+                        </NavLink>
                         <ExternalLink
                             href='https://www.nature.com/articles/s41586-021-04332-2'
                             className='ml-10 hover:text-blue-800 transition duration-300 ease-in-out lg:ml-6 lg:bg-white lg:font-mono lg:font-normal lg:border-2 lg:border-gray-600 lg:rounded-lg lg:p-2 lg:hover:text-blue-600 lg:hover:border-blue-600'>
diff --git a/src/components/ToolIntro.tsx b/src/components/ToolIntro.tsx
index 36ec517a..85550575 100644
--- a/src/components/ToolIntro.tsx
+++ b/src/components/ToolIntro.tsx
@@ -13,7 +13,7 @@ export const ToolIntro = () => {
     return (
         <div className='min-h-screen w-full sm:bg-gray-100 py-4'>
             {headTags}
-            <div className={`py-4 px-6 mx-4 ${classesBoxBorder}`}>
+            <div className={`py-4 flex justify-center items-center mx-4 ${classesBoxBorder}`}>
                 <h1 className='text-3xl font-bold text-center'>Serratus Toolkit</h1>
                 <p className='my-3 text-xl'></p>
             </div>
diff --git a/src/data/mediaData.json b/src/data/mediaData.json
new file mode 100644
index 00000000..8990f1fa
--- /dev/null
+++ b/src/data/mediaData.json
@@ -0,0 +1,74 @@
+{
+    "coverages": [
+        {
+            "name": "Publication",
+            "items": [
+                {
+                    "title": "Petabase-scale sequence alignment catalyses viral discovery",
+                    "url": "https://www.nature.com/articles/s41586-021-04332-2",
+                    "publisher": "Nature"
+                },
+                {
+                    "title": "coronaSPAdes: from biosynthetic gene clusters to RNA viral assemblies",
+                    "url": "https://academic.oup.com/bioinformatics/article-abstract/38/1/1/6354349",
+                    "publisher": "Bioinformatics"
+                },
+                {
+                    "title": "Ribovirus classification by a polymerase barcode sequence",
+                    "url": "https://doi.org/10.1038/s41586-021-04332-2",
+                    "publisher": "PeerJ "
+                }
+            ]
+        },
+        {
+            "name": "Data Publication",
+            "items": [
+                {
+                    "title": "Diversification of mammalian deltaviruses by host shifting",
+                    "url": "https://www.pnas.org/content/118/3/e2019907118",
+                    "publisher": "PNAS"
+                },
+                {
+                    "title": "Two novel bornaviruses identified in colubrid and viperid snakes",
+                    "url": "https://doi.org/10.1007/s00705-021-05138-3",
+                    "publisher": "Archives of Virology"
+                }
+            ]
+        },
+        {
+            "name": "Media Coverage",
+            "items": [
+                {
+                    "title": "New dangers? Computers uncover 100,000 novel viruses in old genetic data",
+                    "url": "https://www.science.org/content/article/new-dangers-computers-uncover-100-000-novel-viruses-old-genetic-data",
+                    "publisher": "Science"
+                },
+                {
+                    "title": "130,000 new viruses discovered, chimpanzee social learning, what's moving the tectonic plates and more",
+                    "url": "https://www.cbc.ca/radio/quirks/jan-29-130-000-new-viruses-discovered-chimpanzee-social-learning-what-s-moving-the-tectonic-plates-and-more-1.6329726",
+                    "publisher": "CBC Quirks and Quarks"
+                },
+                {
+                    "title": "Supercomputer helps Canadian researcher uncover thousands of viruses that could cause human diseases",
+                    "url": "https://www.cbc.ca/news/health/supercomputer-virus-study-disease-1.6345158",
+                    "publisher": "CBC News"
+                },
+                {
+                    "title": "AWS-Powered Research Identifies 130,000+ New RNA Viruses",
+                    "url": "https://www.hpcwire.com/2022/02/08/aws-powered-research-identifies-130000-new-rna-viruses/",
+                    "publisher": "HPCwire"
+                },
+                {
+                    "title": "More than 130,000 viruses discovered thanks to a new computer tool",
+                    "url": "https://www.nationalgeographic.com.es/ciencia/descubiertos-mas-130000-virus-gracias-a-nueva-herramienta-informatica_17807",
+                    "publisher": "National Geographic España"
+                },
+                {
+                    "title": "COVID-19: Researchers identify nine new coronaviruses, all harmless to humans",
+                    "url": "https://vancouversun.com/health/researchers-identify-nine-new-coronaviruses-all-harmless-to-humans",
+                    "publisher": "Vancouver Sun"
+                }
+            ]
+        }
+    ]
+}