Add accelerators to quick start table

_get_started/previous-versions.md

@@ -144,6 +144,10 @@ pip install torch==2.2.0 torchvision==0.17.0 torchaudio==2.2.0 --index-url https
 pip install torch==2.2.0 torchvision==0.17.0 torchaudio==2.2.0 --index-url https://download.pytorch.org/whl/cu121
 # CPU only
 pip install torch==2.2.0 torchvision==0.17.0 torchaudio==2.2.0 --index-url https://download.pytorch.org/whl/cpu
+# Intel Gaudi
+wget https: //vault.habana.ai/artifactory/gaudi-pt-modules/1.15.0/479/pytorch/ubuntu2204/pytorch_modules-v2.2.0_1.15.0_479.tgz
+tar xf pytorch_modules-v2.2.0_1.15.0_479.tgz
+pip install *.whl
 ```
 
 ### v2.1.2
@@ -273,6 +277,8 @@ pip install torch==2.1.0 torchvision==0.16.0 torchaudio==2.1.0 --index-url https
 pip install torch==2.1.0 torchvision==0.16.0 torchaudio==2.1.0 --index-url https://download.pytorch.org/whl/cu121
 # CPU only
 pip install torch==2.1.0 torchvision==0.16.0 torchaudio==2.1.0 --index-url https://download.pytorch.org/whl/cpu
+# GPU - Intel Extension for PyTorch
+pip3 install torch==2.1.0.post0 torchvision==0.16.0.post0 torchaudio==2.1.0.post0 intel-extension-for-pytorch==2.1.20+xpu oneccl_bind_pt==2.1.200+xpu --extra-index-url https://pytorch-extension.intel.com/release-whl/stable/xpu/us/
 ```
 
 ### v2.0.1

_includes/quick_start_local.html

@@ -87,18 +87,39 @@
       <div class="col-md-12 title-block mobile-heading">
         <div class="option-text">Compute Platform</div>
       </div>
-      <div class="col-md-3 option block version" id="cuda.x">
+      <div class="w20 option block version" id="cuda.x">
         <div class="option-text">CUDA 11.6</div>
       </div>
-      <div class="col-md-3 option block version" id="cuda.y">
+      <div class="w20 option block version" id="cuda.y">
         <div class="option-text">CUDA 11.7</div>
       </div>
-      <div class="col-md-3 option block version" id="rocm5.x">
+      <div class="w20 option block version" id="rocm5.x">
         <div class="option-text">ROCm 5.2</div>
       </div>
-      <div class="col-md-3 option block version" id="accnone">
+      <div class="w20 option block version" id="accnone">
         <div class="option-text">CPU</div>
       </div>
+      <div class="w20 flex1 option block version" id="accelerators">
+        <div data-toggle="resources-dropdown" class="main-menu main-menu-item">
+          <div class="resources-dropdown">
+            <a class="option-text resource-option" id="accelerator">
+              Accelerators
+            </a>
+            <img class="acc-arrow" src="{{ site.baseurl }}/assets/images/filter-arrow.svg">
+            <div class="resources-dropdown-menu">
+              <a class="dropdown-item" id="huaweiascend" onclick="chooseAccelerator('Huawei Ascend')">
+                <span class="dropdown-title">Huawei Ascend</span>
+              </a>
+              <a class="dropdown-item" id="intelextensionforpytorch" onclick="chooseAccelerator('Intel Extension for PyTorch')">
+                <span class="dropdown-title">Intel Extension for PyTorch</span>
+              </a>
+              <a class="dropdown-item" id="intelgaudi" onclick="chooseAccelerator('Intel Gaudi')">
+                <span class="dropdown-title">Intel Gaudi</span>
+              </a>
+            </div>
+          </div>
+        </div>
+      </div>
     </div>
     <div class="row">
       <div class="col-md-12 title-block command-mobile-heading">

_sass/quick-start-module.scss

@@ -135,6 +135,31 @@
     left: 0;
   }
 
+  .row.cuda {
+    justify-content: space-evenly;
+  }
+
+  .w20 {
+    padding: 0 15px;
+    flex: 1;
+  }
+
+  .flex1{
+    flex: 2;
+  }
+
+  .acc-arrow {
+    float: right;
+    position: absolute;
+    margin-top: 8px;
+    margin-left: 5px;
+  }
+
+  .resources-dropdown-menu {
+    width: 300px;
+    left: 400px;
+  }
+
   #command {
     color: #4a4a4a;
     background-color: $white;
@@ -341,7 +366,7 @@
   color: $not_quite_black;
 
   #microsoft-azure {
-    p{
+    p {
       color: $not_quite_black;
       margin: 0;
       padding: 0;
@@ -370,7 +395,7 @@
 
     li {
       margin-top: 0;
-      position:relative;
+      position: relative;
       padding-left: rem(80px);
 
       @include small-desktop {