diff --git a/_config.yml b/_config.yml
index c2eee1a28d9a..d8253f22b5e7 100644
--- a/_config.yml
+++ b/_config.yml
@@ -59,6 +59,8 @@ collections:
     output: false
   courses:
     output: false
+  mobile:
+    output: true
 
 pagination:
   enabled: true
diff --git a/_features/mobile.md b/_features/mobile.md
new file mode 100644
index 000000000000..72fdddc39367
--- /dev/null
+++ b/_features/mobile.md
@@ -0,0 +1,12 @@
+---
+title: Mobile
+order: 3
+snippet: >
+  ```python
+    print('Hello World!')
+  ```
+
+summary-home: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+featured-home: true
+
+---
diff --git a/_features/python-first.md b/_features/python-first.md
deleted file mode 100644
index ef2bbe538630..000000000000
--- a/_features/python-first.md
+++ /dev/null
@@ -1,20 +0,0 @@
----
-title: Python-First
-order: 3
-snippet: >
-  ```python
-    import torch
-    import numpy as np
-    a = np.ones(5)
-    b = torch.from_numpy(a)
-    np.add(a, 1, out=a)
-    print(a)
-    print(b)
-  ```
-
-summary-home: Deep integration into Python allows popular libraries and packages to be used for easily writing neural network layers in Python.
-featured-home: true
-
----
-
-PyTorch is not a Python binding into a monolithic C++ framework. It's built to be deeply integrated into Python so it can be used with popular libraries and packages such as Cython and Numba.
diff --git a/_get_started/get-started-locally.md b/_get_started/get-started-locally.md
index 8b158ffeddd1..3519b420adaf 100644
--- a/_get_started/get-started-locally.md
+++ b/_get_started/get-started-locally.md
@@ -54,10 +54,6 @@ published: true
   <div class="os windows">{{ windows | markdownify }}</div>
 </div>
 
-<script type="text/javascript">
-  var pageId = "get-started-locally"; // TBD: Make this programmatic
-  $(".main-content-menu .nav-item").removeClass("nav-select");
-  $(".main-content-menu .nav-link[data-id='" + pageId + "']").parent(".nav-item").addClass("nav-select");
-</script>
+<script page-id="get-started-locally" src="{{ site.baseurl }}/assets/menu-tab-selection.js"></script>
 <script src="{{ site.baseurl }}/assets/quick-start-module.js"></script>
-<script src="{{ site.baseurl }}/assets/show-screencast.js"></script>
\ No newline at end of file
+<script src="{{ site.baseurl }}/assets/show-screencast.js"></script>
diff --git a/_get_started/get-started-via-cloud-partners.md b/_get_started/get-started-via-cloud-partners.md
index 04fa87dd62dd..2b65e1db49e7 100644
--- a/_get_started/get-started-via-cloud-partners.md
+++ b/_get_started/get-started-via-cloud-partners.md
@@ -50,10 +50,6 @@ published: true
   <div class="platform microsoft-azure">{{azure | markdownify }}</div>
 </div>
 
-<script type="text/javascript">
-  var pageId = "get-started-via-cloud-partners"; // TBD: Make this programmatic
-  $(".main-content-menu .nav-item").removeClass("nav-select");
-  $(".main-content-menu .nav-link[data-id='" + pageId + "']").parent(".nav-item").addClass("nav-select");
-</script>
+<script page-id="get-started-via-cloud-partners" src="{{ site.baseurl }}/assets/menu-tab-selection.js"></script>
 <script src="{{ site.baseurl }}/assets/quick-start-module.js"></script>
-<script src="{{ site.baseurl }}/assets/show-screencast.js"></script>
\ No newline at end of file
+<script src="{{ site.baseurl }}/assets/show-screencast.js"></script>
diff --git a/_get_started/get-started-via-colab.md b/_get_started/get-started-via-colab.md
index 27e54de3b3bd..e3c81892262c 100644
--- a/_get_started/get-started-via-colab.md
+++ b/_get_started/get-started-via-colab.md
@@ -42,11 +42,6 @@ print()
 
 Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 
-
-<script type="text/javascript">
-  var pageId = "get-started-via-colab"; // TBD: Make this programmatic
-  $(".main-content-menu .nav-item").removeClass("nav-select");
-  $(".main-content-menu .nav-link[data-id='" + pageId + "']").parent(".nav-item").addClass("nav-select");
-</script>
+<script page-id="get-started-via-colab" src="{{ site.baseurl }}/assets/menu-tab-selection.js"></script>
 <script src="{{ site.baseurl }}/assets/quick-start-module.js"></script>
-<script src="{{ site.baseurl }}/assets/show-screencast.js"></script>
\ No newline at end of file
+<script src="{{ site.baseurl }}/assets/show-screencast.js"></script>
diff --git a/_get_started/mobile.md b/_get_started/mobile.md
new file mode 100644
index 000000000000..7e9ab1906805
--- /dev/null
+++ b/_get_started/mobile.md
@@ -0,0 +1,13 @@
+---
+layout: get_started
+title: Mobile
+permalink: /get-started/mobile/
+background-class: get-started-background
+body-class: get-started
+order: 5
+published: true
+---
+
+## Mobile
+
+<script page-id="mobile" src="{{ site.baseurl }}/assets/menu-tab-selection.js"></script>
diff --git a/_get_started/previous-versions.md b/_get_started/previous-versions.md
index ac1c61f8f115..3af21d95d586 100644
--- a/_get_started/previous-versions.md
+++ b/_get_started/previous-versions.md
@@ -227,10 +227,6 @@ e.g.,
 - [torch_cuda80-0.1.6.post17-cp35-cp35m-linux_x86_64.whl](https://download.pytorch.org/whl/torch_cuda80-0.1.6.post17-cp35-cp35m-linux_x86_64.whl)
 - [torch_cuda80-0.1.6.post17-cp27-cp27mu-linux_x86_64.whl](https://download.pytorch.org/whl/torch_cuda80-0.1.6.post17-cp27-cp27mu-linux_x86_64.whl)
 
-<script type="text/javascript">
-  var pageId = "previous-versions"; // TBD: Make this programmatic
-  $(".main-content-menu .nav-item").removeClass("nav-select");
-  $(".main-content-menu .nav-link[data-id='" + pageId + "']").parent(".nav-item").addClass("nav-select");
-</script>
+<script page-id="previous-versions" src="{{ site.baseurl }}/assets/menu-tab-selection.js"></script>
 <script src="{{ site.baseurl }}/assets/quick-start-module.js"></script>
 <script src="{{ site.baseurl }}/assets/show-screencast.js"></script>
diff --git a/_includes/footer_scripts.html b/_includes/footer_scripts.html
index b6edb17c2f38..0e92b6b0d562 100644
--- a/_includes/footer_scripts.html
+++ b/_includes/footer_scripts.html
@@ -15,7 +15,7 @@
 
   scrollToAnchor.bind();
 
-  var hasStaticHeader = $(".blog-header, .blog-detail-header, .resources-header, .get-started-header, .features-header, .ecosystem-header, .hub-header").length > 0;
+  var hasStaticHeader = $(".blog-header, .blog-detail-header, .resources-header, .get-started-header, .features-header, .ecosystem-header, .hub-header, .mobile-header").length > 0;
 
   if (!hasStaticHeader) {
     $(window).on("scroll", function() {
diff --git a/_includes/main_menu.html b/_includes/main_menu.html
index 6b85fde3fda4..5d8bad3a3f2b 100644
--- a/_includes/main_menu.html
+++ b/_includes/main_menu.html
@@ -4,10 +4,6 @@
       <a href="{{ site.baseurl }}/get-started">Get Started</a>
     </li>
 
-    <li class="main-menu-item {% if current[1] == 'features' %}active{% endif %}">
-      <a href="{{ site.baseurl }}/features">Features</a>
-    </li>
-
     <li class="main-menu-item {% if current[1] == 'ecosystem' or current[1] == 'hub' %}active{% endif %}">
 
       <div class="ecosystem-dropdown">
@@ -15,11 +11,11 @@
           Ecosystem
         </a>
         <div class="ecosystem-dropdown-menu">
-          <a class="ecosystem-dropdown-item" href="{{ site.baseurl }}/hub">
+          <a class="nav-dropdown-item" href="{{ site.baseurl }}/hub">
             <span class=dropdown-title>Models (Beta)</span>
             <p>Discover, publish, and reuse pre-trained models</p>
           </a>
-          <a class="ecosystem-dropdown-item" href="{{ site.baseurl }}/ecosystem">
+          <a class="nav-dropdown-item" href="{{ site.baseurl }}/ecosystem">
             <span class=dropdown-title>Tools & Libraries</span>
             <p>Explore the ecosystem of tools and libraries</p>
           </a>
@@ -27,6 +23,10 @@
       </div>
     </li>
 
+    <li class="main-menu-item {% if current[1] == 'mobile' %}active{% endif %}">
+      <a href="{{ site.baseurl }}/mobile">Mobile</a>
+    </li>
+
     <li class="main-menu-item {% if current[1] == 'blog' %}active{% endif %}">
       <a href="{{ site.baseurl }}/blog">Blog</a>
     </li>
@@ -39,8 +39,23 @@
       <a href="{{ site.baseurl }}/docs">Docs</a>
     </li>
 
-    <li class="main-menu-item {% if current[1] == 'resources' %}active{% endif %}">
-      <a href="{{ site.baseurl }}/resources">Resources</a>
+    <li class="main-menu-item {% if current[1] == 'resources' or current[1] == 'features' %}active{% endif %}">
+
+      <div class="resources-dropdown">
+        <a id="resourcesDropdownButton" data-toggle="resources-dropdown">
+          Resources
+        </a>
+        <div class="resources-dropdown-menu">
+          <a class="nav-dropdown-item" href="{{ site.baseurl }}/resources">
+            <span class=dropdown-title>Developer Resources</span>
+            <p>Find resources and get questions answered</p>
+          </a>
+          <a class="nav-dropdown-item" href="{{ site.baseurl }}/features">
+            <span class=dropdown-title>About</span>
+            <p>Learn about PyTorch’s features and capabilities</p>
+          </a>
+        </div>
+      </div>
     </li>
 
     <li class="main-menu-item">
@@ -61,16 +76,4 @@
   </ul>
 </div>
 
-<script>
-  var menu = ".ecosystem-dropdown-menu";
-  var showMenuClass = "show-menu";
-
-$("[data-toggle='ecosystem-dropdown']").on("click", function(e) {
-  if ($(menu).hasClass(showMenuClass)) {
-    $(menu).removeClass(showMenuClass);
-  } else {
-    $("[data-toggle='ecosystem-dropdown'].show-menu").removeClass(showMenuClass);
-    $(menu).addClass(showMenuClass);
-  }
-});
-</script>
+<script src="{{ site.baseurl }}/assets/main-menu-dropdown.js"></script>
diff --git a/_includes/mobile_menu.html b/_includes/mobile_menu.html
index 04c2a08d59d2..74bf17ecee18 100644
--- a/_includes/mobile_menu.html
+++ b/_includes/mobile_menu.html
@@ -35,6 +35,10 @@
           <a href="{{ site.baseurl }}/ecosystem">Ecosystem</a>
         </li>
 
+        <li class="{% if current[1] == 'mobile' %}active{% endif %}">
+          <a href="{{ site.baseurl }}/mobile">Mobile</a>
+        </li>
+
         <li class="{% if current[1] == 'hub' %}active{% endif %}">
           <a href="{{ site.baseurl }}/hub">PyTorch Hub</a>
         </li>
diff --git a/_includes/mobile_page_side_nav.html b/_includes/mobile_page_side_nav.html
new file mode 100644
index 000000000000..551c8242274b
--- /dev/null
+++ b/_includes/mobile_page_side_nav.html
@@ -0,0 +1,5 @@
+<div class="sticky-top mobile-page-sidebar">
+  <p>Shortcuts</p>
+  <ul id="mobile-page-sidebar-list"></ul>
+</div>
+
diff --git a/_layouts/mobile.html b/_layouts/mobile.html
new file mode 100644
index 000000000000..360335846d41
--- /dev/null
+++ b/_layouts/mobile.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="en">
+  {% include head.html %}
+  <body class="{{ page.body-class }}">
+    {% include header.html %}
+
+    <div class="main-background {{ page.background-class }}"></div>
+
+    {% assign mobile_items = site.mobile | where: "published",true | sort: "order" %}
+
+    <div class="jumbotron jumbotron-fluid on-dark-background">
+      <div class="container">
+        <h1>PyTorch Mobile</h1>
+
+        <p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+      </div>
+    </div>
+
+    <div class="main-content-wrapper">
+      <div class="main-content">
+        <div class="container-fluid nav-menu-wrapper">
+          <div class="container">
+            <nav class="navbar navbar-expand-lg navbar-light main-content-menu">
+              <ul class="navbar-nav">
+                {% for item in mobile_items %}
+                  <li class="nav-item nav-select">
+                    <a class="nav-link" data-id="{{ item.slug }}" href="{{ site.baseurl }}{{ item.permalink }}">{{ item.title }}</a>
+                  </li>
+                {% endfor %}
+              </ul>
+            </nav>
+          </div>
+        </div>
+
+        <div class="container">
+          <div class="row">
+            <div class="col-md-3">
+              {% include mobile_page_side_nav.html %}
+            </div>
+            <div class="col-md-8 offset-md-1">
+              <div class="article-wrapper" data-id="{{ item.slug }}">
+                <article class="pytorch-article">
+                  {{ content }}
+                </article>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    {% include footer.html %}
+  </body>
+</html>
+
+<script src="{{ site.baseurl }}/assets/mobile-page-sidebar.js"></script>
diff --git a/_mobile/android.md b/_mobile/android.md
new file mode 100644
index 000000000000..077f72998e85
--- /dev/null
+++ b/_mobile/android.md
@@ -0,0 +1,20 @@
+---
+layout: mobile
+title: Android
+permalink: /mobile/android/
+background-class: mobile-background
+body-class: mobile
+order: 3
+published: true
+---
+
+# Android
+
+{% highlight python %}
+
+  #!/usr/bin/python3
+  print('Hello World!')
+
+{% endhighlight %}
+
+<script page-id="android" src="{{ site.baseurl }}/assets/menu-tab-selection.js"></script>
diff --git a/_mobile/home.md b/_mobile/home.md
new file mode 100644
index 000000000000..d30ce9f1636e
--- /dev/null
+++ b/_mobile/home.md
@@ -0,0 +1,48 @@
+---
+layout: mobile
+title: Home
+permalink: /mobile/home/
+background-class: mobile-background
+body-class: mobile
+order: 1
+published: true
+---
+
+# Home
+
+## Lorem Ipsum
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque eu placerat odio, nec tristique sem. Ut sed vehicula tellus. Morbi facilisis rutrum quam. Suspendisse quis lacus finibus, lobortis justo in, aliquet velit. Vestibulum ultrices dignissim felis, in fermentum mauris ullamcorper molestie. Quisque faucibus ac enim eu dignissim. Nullam sit amet nibh eleifend, semper nisi et, scelerisque ex. Integer a mauris diam.
+
+Morbi luctus, metus non porttitor vestibulum, arcu dui rhoncus velit, sollicitudin efficitur augue augue ac neque. Vestibulum at nisl nec velit fermentum tristique. Sed pharetra sit amet justo vitae mattis. Sed dolor elit, rhoncus in eleifend convallis, facilisis vel mauris. Morbi mattis metus enim, in fermentum ipsum malesuada vel. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam quis lobortis felis. Nunc dignissim ipsum ante, nec finibus quam facilisis maximus. Donec fermentum consectetur elementum. Quisque ac maximus ex. Nunc rutrum orci sed felis viverra cursus.
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque eu placerat odio, nec tristique sem. Ut sed vehicula tellus. Morbi facilisis rutrum quam. Suspendisse quis lacus finibus, lobortis justo in, aliquet velit. Vestibulum ultrices dignissim felis, in fermentum mauris ullamcorper molestie. Quisque faucibus ac enim eu dignissim. Nullam sit amet nibh eleifend, semper nisi et, scelerisque ex. Integer a mauris diam.
+
+## Binaries
+
+Morbi luctus, metus non porttitor vestibulum, arcu dui rhoncus velit, sollicitudin efficitur augue augue ac neque. Vestibulum at nisl nec velit fermentum tristique. Sed pharetra sit amet justo vitae mattis. Sed dolor elit, rhoncus in eleifend convallis, facilisis vel mauris. Morbi mattis metus enim, in fermentum ipsum malesuada vel. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam quis lobortis felis. Nunc dignissim ipsum ante, nec finibus quam facilisis maximus. Donec fermentum consectetur elementum. Quisque ac maximus ex. Nunc rutrum orci sed felis viverra cursus.
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque eu placerat odio, nec tristique sem. Ut sed vehicula tellus. Morbi facilisis rutrum quam. Suspendisse quis lacus finibus, lobortis justo in, aliquet velit. Vestibulum ultrices dignissim felis, in fermentum mauris ullamcorper molestie. Quisque faucibus ac enim eu dignissim. Nullam sit amet nibh eleifend, semper nisi et, scelerisque ex. Integer a mauris diam.
+
+## Build Scripts
+
+Morbi luctus, metus non porttitor vestibulum, arcu dui rhoncus velit, sollicitudin efficitur augue augue ac neque. Vestibulum at nisl nec velit fermentum tristique. Sed pharetra sit amet justo vitae mattis. Sed dolor elit, rhoncus in eleifend convallis, facilisis vel mauris. Morbi mattis metus enim, in fermentum ipsum malesuada vel. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam quis lobortis felis. Nunc dignissim ipsum ante, nec finibus quam facilisis maximus. Donec fermentum consectetur elementum. Quisque ac maximus ex. Nunc rutrum orci sed felis viverra cursus.
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque eu placerat odio, nec tristique sem. Ut sed vehicula tellus. Morbi facilisis rutrum quam. Suspendisse quis lacus finibus, lobortis justo in, aliquet velit. Vestibulum ultrices dignissim felis, in fermentum mauris ullamcorper molestie. Quisque faucibus ac enim eu dignissim. Nullam sit amet nibh eleifend, semper nisi et, scelerisque ex. Integer a mauris diam.
+
+Morbi luctus, metus non porttitor vestibulum, arcu dui rhoncus velit, sollicitudin efficitur augue augue ac neque. Vestibulum at nisl nec velit fermentum tristique. Sed pharetra sit amet justo vitae mattis. Sed dolor elit, rhoncus in eleifend convallis, facilisis vel mauris. Morbi mattis metus enim, in fermentum ipsum malesuada vel. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam quis lobortis felis. Nunc dignissim ipsum ante, nec finibus quam facilisis maximus. Donec fermentum consectetur elementum. Quisque ac maximus ex. Nunc rutrum orci sed felis viverra cursus.
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque eu placerat odio, nec tristique sem. Ut sed vehicula tellus. Morbi facilisis rutrum quam. Suspendisse quis lacus finibus, lobortis justo in, aliquet velit. Vestibulum ultrices dignissim felis, in fermentum mauris ullamcorper molestie. Quisque faucibus ac enim eu dignissim. Nullam sit amet nibh eleifend, semper nisi et, scelerisque ex. Integer a mauris diam.
+
+## Objective C Walkthrough Cocopods Walkthrough Tutorials
+
+Morbi luctus, metus non porttitor vestibulum, arcu dui rhoncus velit, sollicitudin efficitur augue augue ac neque. Vestibulum at nisl nec velit fermentum tristique. Sed pharetra sit amet justo vitae mattis. Sed dolor elit, rhoncus in eleifend convallis, facilisis vel mauris. Morbi mattis metus enim, in fermentum ipsum malesuada vel. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam quis lobortis felis. Nunc dignissim ipsum ante, nec finibus quam facilisis maximus. Donec fermentum consectetur elementum. Quisque ac maximus ex. Nunc rutrum orci sed felis viverra cursus.
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque eu placerat odio, nec tristique sem. Ut sed vehicula tellus. Morbi facilisis rutrum quam. Suspendisse quis lacus finibus, lobortis justo in, aliquet velit. Vestibulum ultrices dignissim felis, in fermentum mauris ullamcorper molestie. Quisque faucibus ac enim eu dignissim. Nullam sit amet nibh eleifend, semper nisi et, scelerisque ex. Integer a mauris diam.
+
+## How To
+
+Morbi luctus, metus non porttitor vestibulum, arcu dui rhoncus velit, sollicitudin efficitur augue augue ac neque. Vestibulum at nisl nec velit fermentum tristique. Sed pharetra sit amet justo vitae mattis. Sed dolor elit, rhoncus in eleifend convallis, facilisis vel mauris. Morbi mattis metus enim, in fermentum ipsum malesuada vel. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
+## Dolor Sit Amet
+
+Aliquam quis lobortis felis. Nunc dignissim ipsum ante, nec finibus quam facilisis maximus. Donec fermentum consectetur elementum. Quisque ac maximus ex. Nunc rutrum orci sed felis viverra cursus.
+
+<script page-id="home" src="{{ site.baseurl }}/assets/menu-tab-selection.js"></script>
diff --git a/_mobile/ios.md b/_mobile/ios.md
new file mode 100644
index 000000000000..3772db2360a3
--- /dev/null
+++ b/_mobile/ios.md
@@ -0,0 +1,55 @@
+---
+layout: mobile
+title: iOS
+permalink: /mobile/ios/
+background-class: mobile-background
+body-class: mobile
+order: 2
+published: true
+---
+
+# iOS
+
+{% highlight python %}
+
+  #!/usr/bin/python3
+  print('Hello World!')
+
+{% endhighlight %}
+
+## Lorem Ipsum
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque eu placerat odio, nec tristique sem. Ut sed vehicula tellus. Morbi facilisis rutrum quam. Suspendisse quis lacus finibus, lobortis justo in, aliquet velit. Vestibulum ultrices dignissim felis, in fermentum mauris ullamcorper molestie. Quisque faucibus ac enim eu dignissim. Nullam sit amet nibh eleifend, semper nisi et, scelerisque ex. Integer a mauris diam.
+
+Morbi luctus, metus non porttitor vestibulum, arcu dui rhoncus velit, sollicitudin efficitur augue augue ac neque. Vestibulum at nisl nec velit fermentum tristique. Sed pharetra sit amet justo vitae mattis. Sed dolor elit, rhoncus in eleifend convallis, facilisis vel mauris. Morbi mattis metus enim, in fermentum ipsum malesuada vel. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam quis lobortis felis. Nunc dignissim ipsum ante, nec finibus quam facilisis maximus. Donec fermentum consectetur elementum. Quisque ac maximus ex. Nunc rutrum orci sed felis viverra cursus.
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque eu placerat odio, nec tristique sem. Ut sed vehicula tellus. Morbi facilisis rutrum quam. Suspendisse quis lacus finibus, lobortis justo in, aliquet velit. Vestibulum ultrices dignissim felis, in fermentum mauris ullamcorper molestie. Quisque faucibus ac enim eu dignissim. Nullam sit amet nibh eleifend, semper nisi et, scelerisque ex. Integer a mauris diam.
+
+## Binaries
+
+Morbi luctus, metus non porttitor vestibulum, arcu dui rhoncus velit, sollicitudin efficitur augue augue ac neque. Vestibulum at nisl nec velit fermentum tristique. Sed pharetra sit amet justo vitae mattis. Sed dolor elit, rhoncus in eleifend convallis, facilisis vel mauris. Morbi mattis metus enim, in fermentum ipsum malesuada vel. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam quis lobortis felis. Nunc dignissim ipsum ante, nec finibus quam facilisis maximus. Donec fermentum consectetur elementum. Quisque ac maximus ex. Nunc rutrum orci sed felis viverra cursus.
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque eu placerat odio, nec tristique sem. Ut sed vehicula tellus. Morbi facilisis rutrum quam. Suspendisse quis lacus finibus, lobortis justo in, aliquet velit. Vestibulum ultrices dignissim felis, in fermentum mauris ullamcorper molestie. Quisque faucibus ac enim eu dignissim. Nullam sit amet nibh eleifend, semper nisi et, scelerisque ex. Integer a mauris diam.
+
+## Build Scripts
+
+Morbi luctus, metus non porttitor vestibulum, arcu dui rhoncus velit, sollicitudin efficitur augue augue ac neque. Vestibulum at nisl nec velit fermentum tristique. Sed pharetra sit amet justo vitae mattis. Sed dolor elit, rhoncus in eleifend convallis, facilisis vel mauris. Morbi mattis metus enim, in fermentum ipsum malesuada vel. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam quis lobortis felis. Nunc dignissim ipsum ante, nec finibus quam facilisis maximus. Donec fermentum consectetur elementum. Quisque ac maximus ex. Nunc rutrum orci sed felis viverra cursus.
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque eu placerat odio, nec tristique sem. Ut sed vehicula tellus. Morbi facilisis rutrum quam. Suspendisse quis lacus finibus, lobortis justo in, aliquet velit. Vestibulum ultrices dignissim felis, in fermentum mauris ullamcorper molestie. Quisque faucibus ac enim eu dignissim. Nullam sit amet nibh eleifend, semper nisi et, scelerisque ex. Integer a mauris diam.
+
+Morbi luctus, metus non porttitor vestibulum, arcu dui rhoncus velit, sollicitudin efficitur augue augue ac neque. Vestibulum at nisl nec velit fermentum tristique. Sed pharetra sit amet justo vitae mattis. Sed dolor elit, rhoncus in eleifend convallis, facilisis vel mauris. Morbi mattis metus enim, in fermentum ipsum malesuada vel. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam quis lobortis felis. Nunc dignissim ipsum ante, nec finibus quam facilisis maximus. Donec fermentum consectetur elementum. Quisque ac maximus ex. Nunc rutrum orci sed felis viverra cursus.
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque eu placerat odio, nec tristique sem. Ut sed vehicula tellus. Morbi facilisis rutrum quam. Suspendisse quis lacus finibus, lobortis justo in, aliquet velit. Vestibulum ultrices dignissim felis, in fermentum mauris ullamcorper molestie. Quisque faucibus ac enim eu dignissim. Nullam sit amet nibh eleifend, semper nisi et, scelerisque ex. Integer a mauris diam.
+
+## Objective C Walkthrough Cocopods Walkthrough Tutorials
+
+Morbi luctus, metus non porttitor vestibulum, arcu dui rhoncus velit, sollicitudin efficitur augue augue ac neque. Vestibulum at nisl nec velit fermentum tristique. Sed pharetra sit amet justo vitae mattis. Sed dolor elit, rhoncus in eleifend convallis, facilisis vel mauris. Morbi mattis metus enim, in fermentum ipsum malesuada vel. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam quis lobortis felis. Nunc dignissim ipsum ante, nec finibus quam facilisis maximus. Donec fermentum consectetur elementum. Quisque ac maximus ex. Nunc rutrum orci sed felis viverra cursus.
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque eu placerat odio, nec tristique sem. Ut sed vehicula tellus. Morbi facilisis rutrum quam. Suspendisse quis lacus finibus, lobortis justo in, aliquet velit. Vestibulum ultrices dignissim felis, in fermentum mauris ullamcorper molestie. Quisque faucibus ac enim eu dignissim. Nullam sit amet nibh eleifend, semper nisi et, scelerisque ex. Integer a mauris diam.
+
+## How To
+
+Morbi luctus, metus non porttitor vestibulum, arcu dui rhoncus velit, sollicitudin efficitur augue augue ac neque. Vestibulum at nisl nec velit fermentum tristique. Sed pharetra sit amet justo vitae mattis. Sed dolor elit, rhoncus in eleifend convallis, facilisis vel mauris. Morbi mattis metus enim, in fermentum ipsum malesuada vel. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
+## Dolor Sit Amet
+
+Aliquam quis lobortis felis. Nunc dignissim ipsum ante, nec finibus quam facilisis maximus. Donec fermentum consectetur elementum. Quisque ac maximus ex. Nunc rutrum orci sed felis viverra cursus.
+
+<script page-id="ios" src="{{ site.baseurl }}/assets/menu-tab-selection.js"></script>
diff --git a/_resources/mobile-demo.md b/_resources/mobile-demo.md
new file mode 100644
index 000000000000..8c0df3287cb7
--- /dev/null
+++ b/_resources/mobile-demo.md
@@ -0,0 +1,9 @@
+---
+title: Mobile Demo
+summary-home: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+summary: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+class: pytorch-resource
+link: https://pytorch.org
+order: 9
+featured-home: false
+---
diff --git a/_sass/base_styles.scss b/_sass/base_styles.scss
index 7d1c8e026dfe..f1d3189960ee 100644
--- a/_sass/base_styles.scss
+++ b/_sass/base_styles.scss
@@ -159,6 +159,10 @@ a, .btn {
   &.blog-background {
     background-image: url($baseurl + "/assets/images/blog-background.jpg");
   }
+
+  &.mobile-background {
+    background-image: url($baseurl + "/assets/images/get-started-background.jpg");
+  }
 }
 
 .bg-light-grey {
diff --git a/_sass/mobile.scss b/_sass/mobile.scss
new file mode 100644
index 000000000000..d7b3f75092a4
--- /dev/null
+++ b/_sass/mobile.scss
@@ -0,0 +1,132 @@
+.mobile article {
+  margin-bottom: rem(80px);
+}
+
+.mobile .main-background {
+  height: 275px;
+
+  @include desktop {
+    height: 380px;
+  }
+}
+
+.mobile .main-content-wrapper {
+  margin-top: 275px;
+  @include desktop {
+    margin-top: 260px + $desktop_header_height;
+  }
+}
+
+.mobile .jumbotron {
+  height: 190px;
+  @include desktop {
+    height: 260px;
+  }
+}
+
+.mobile .main-content .navbar {
+  background-color: $light_grey;
+
+  padding-left: 0;
+  padding-bottom: 0;
+  padding-top: 0;
+
+  @media (min-width: 992px) {
+    li:first-of-type {
+      padding-left: rem(55px);
+    }
+
+    .nav-item {
+      padding: 2rem;
+      cursor: pointer;
+    }
+
+    .nav-link {
+      position: relative;
+      top: 10%;
+      transform: translateY(-50%);
+    }
+  }
+
+  .nav-select {
+    background-color: $white;
+    .nav-link {
+      color: $orange;
+      font-weight: 500;
+    }
+  }
+
+  .nav-link {
+    font-size: rem(18px);
+    color: #8c8c8c;
+    @include desktop {
+      margin-left: rem(30px);
+    }
+    &:hover {
+      color: $orange;
+    }
+  }
+
+  .nav-item {
+    padding-top: rem(15px);
+    padding-bottom: rem(15px);
+    @include desktop {
+      padding-bottom: 0;
+      padding-top: 2rem;
+    }
+    @include small-desktop {
+      padding-bottom: 0;
+      padding-top: 2rem;
+    }
+    @media (max-width: 990px) {
+      padding-bottom: rem(10px);
+      padding-top: 1rem;
+    }
+  }
+
+  .navbar-toggler {
+    margin-left: rem(40px);
+  }
+}
+
+.mobile .main-content {
+  padding-top: 0;
+  @include desktop {
+    padding-top: 1.9rem;
+  }
+}
+
+.mobile .nav-menu-wrapper {
+  background-color: $light_grey;
+}
+
+.mobile .navbar-nav {
+  flex-direction: row;
+}
+
+.mobile .mobile-page-sidebar {
+  padding-top: rem(40px);
+  padding-bottom: rem(40px);
+  top: 15%;
+
+  @include desktop {
+    padding-top: 0;
+  }
+
+  ul {
+    padding-left: 0;
+  }
+
+  li {
+    list-style-type: none;
+    line-height: 36px;
+
+    a {
+      color: #8c8c8c;
+      &.active,
+      &:hover {
+        color: $orange;
+      }
+    }
+  }
+}
diff --git a/_sass/navigation.scss b/_sass/navigation.scss
index d7abf8c23247..cca5a029b211 100644
--- a/_sass/navigation.scss
+++ b/_sass/navigation.scss
@@ -22,7 +22,8 @@
   &.get-started-header,
   &.features-header,
   &.ecosystem-header,
-  &.hub-header {
+  &.hub-header,
+  &.mobile-header {
     background-color: $white;
     border-bottom: 1px solid #e2e2e2;
   }
@@ -206,7 +207,8 @@
 .get-started-header,
 .features-header,
 .ecosystem-header,
-.hub-header {
+.hub-header,
+.mobile-header {
   .header-logo {
     background-image: url($baseurl + "/assets/images/logo-dark.svg");
   }
@@ -221,7 +223,7 @@
 }
 
 .main-menu ul li {
-  .ecosystem-dropdown a {
+  .ecosystem-dropdown, .resources-dropdown a {
     cursor: pointer;
   }
 
@@ -257,7 +259,7 @@
   }
 }
 
-.ecosystem-dropdown-menu {
+.ecosystem-dropdown-menu, .resources-dropdown-menu {
   left: -75px;
   width: 226px;
   display: none;
@@ -279,21 +281,27 @@
   border-radius: 0.25rem;
 }
 
-.ecosystem-dropdown-menu.show-menu {
+.ecosystem-dropdown-menu.show-menu, .resources-dropdown-menu.show-menu {
   display: block;
 }
 
-.main-menu ul li .ecosystem-dropdown-menu {
-  border-radius: 0;
-  padding: 0;
+.main-menu ul li {
+  .ecosystem-dropdown-menu, .resources-dropdown-menu {
+    border-radius: 0;
+    padding: 0;
+  }
 }
 
-.main-menu ul li .ecosystem-dropdown-menuu .ecosystem-dropdown-item {
-  color: #6c6c6d;
-  border-bottom: 1px solid #e2e2e2;
+.main-menu ul li {
+  .ecosystem-dropdown-menu, .resources-dropdown-menu {
+    .dropdown-item {
+      color: #6c6c6d;
+      border-bottom: 1px solid #e2e2e2;
+    }
+  }
 }
 
-.header-holder .main-menu ul li a.ecosystem-dropdown-item {
+.header-holder .main-menu ul li a.nav-dropdown-item {
   display: block;
   font-size: rem(16px);
   line-height: rem(21px);
@@ -320,7 +328,7 @@
   }
 }
 
-.header-holder .main-menu ul li a.ecosystem-dropdown-item:hover .dropdown-title {
+.header-holder .main-menu ul li a.nav-dropdown-item:hover .dropdown-title {
   background-color: $orange;
   color: white;
 }
diff --git a/assets/main-menu-dropdown.js b/assets/main-menu-dropdown.js
new file mode 100644
index 000000000000..441456811c53
--- /dev/null
+++ b/assets/main-menu-dropdown.js
@@ -0,0 +1,19 @@
+$("[data-toggle='ecosystem-dropdown']").on("click", function() {
+  toggleDropdown($(this).attr("data-toggle"));
+});
+
+$("[data-toggle='resources-dropdown']").on("click", function() {
+  toggleDropdown($(this).attr("data-toggle"));
+});
+
+function toggleDropdown(menuToggle) {
+  var showMenuClass = "show-menu";
+  var menuClass = "." + menuToggle + "-menu";
+
+  if ($(menuClass).hasClass(showMenuClass)) {
+    $(menuClass).removeClass(showMenuClass);
+  } else {
+    $("[data-toggle=" + menuToggle + "].show-menu").removeClass(showMenuClass);
+    $(menuClass).addClass(showMenuClass);
+  }
+}
diff --git a/assets/main.scss b/assets/main.scss
index f39af04fed26..25726ff3e09e 100644
--- a/assets/main.scss
+++ b/assets/main.scss
@@ -29,3 +29,4 @@ $baseurl:"{{ site.baseurl }}";
 @import "cookie-banner";
 @import "hub";
 @import "hub-search";
+@import "mobile";
diff --git a/assets/menu-tab-selection.js b/assets/menu-tab-selection.js
new file mode 100644
index 000000000000..04d3a0f8b684
--- /dev/null
+++ b/assets/menu-tab-selection.js
@@ -0,0 +1,7 @@
+var menuTabScript = $("script[src*=menu-tab-selection]");
+var pageId = menuTabScript.attr("page-id");
+
+$(".main-content-menu .nav-item").removeClass("nav-select");
+$(".main-content-menu .nav-link[data-id='" + pageId + "']")
+  .parent(".nav-item")
+  .addClass("nav-select");
diff --git a/assets/mobile-page-sidebar.js b/assets/mobile-page-sidebar.js
new file mode 100644
index 000000000000..a5da01618a15
--- /dev/null
+++ b/assets/mobile-page-sidebar.js
@@ -0,0 +1,23 @@
+$(".pytorch-article h2").each(function() {
+  $("#mobile-page-sidebar-list").append(
+    "<li><a href=#" + this.id + ">" + this.textContent + "</a></li>"
+  );
+});
+
+$(".mobile-page-sidebar li").on("click", function() {
+  removeActiveClass();
+  addActiveClass(this);
+});
+
+
+function removeActiveClass() {
+  $(".mobile-page-sidebar li a").each(function() {
+    $(this).removeClass("active");
+  });
+}
+
+function addActiveClass(element) {
+  $(element)
+    .find("a")
+    .addClass("active");
+}
diff --git a/mobile.html b/mobile.html
new file mode 100644
index 000000000000..4c7fa1df0755
--- /dev/null
+++ b/mobile.html
@@ -0,0 +1,5 @@
+<html>
+  <head>
+    <meta http-equiv="refresh" content="0; url=/mobile/home/">
+  </head>
+</html>