diff --git a/devices/surface/index-new2.md b/devices/surface/index-new2.md
new file mode 100644
index 0000000000..3d120d51eb
--- /dev/null
+++ b/devices/surface/index-new2.md
@@ -0,0 +1,151 @@
+--- 
+layout: HubPage
+hide_bc: true
+title: Product
+description: Product
+---
+<div id="main" class="v2">
+    <div class="container">
+        <h1>Product name</h1>
+        <p>Log a <a href="https://aka.ms/maxart">MAX ART</a> bug to request card images.</p>
+        <ul class="pivots">
+            <li>
+                <a href="#home"></a>
+                <ul id="home">
+                    <li>
+                        <a href="#home-all"></a>
+                        <ul id="home-all" class="cardsK">
+                            <li>
+                                    <div class="cardSize">
+                                        <div class="cardPadding">
+                                            <div class="card">
+                                                <div class="cardImageOuter">
+                                                    <div class="cardImage bgdAccent1"> 
+                                                        <a href="https://technet.microsoft.com/en-us/library/gg293124.aspx">
+                                                            <img src="https://docs.microsoft.com/en-us/office/media/hub-tiles/OfficeAdmins400x140.svg" alt="Office admins" />
+                                                        </a>
+                                                    </div>
+                                                </div>
+                                                <div class="cardText">
+                                                    <h3>Card name</h3>
+                                                    <p>Description</p>
+                                                    <p><a href="">Link name</a></p>
+                                                    <p><a href="">Link name</a></p>
+                                                    <p><a href="">Link name</a></p>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="/SkypeForBusiness/skype-for-business-online">
+                                    <div class="cardSize">
+                                        <div class="cardPadding">
+                                            <div class="card">
+                                                <div class="cardImageOuter">
+                                                    <div class="cardImage bgdAccent1"> 
+                                                        <img src="https://docs.microsoft.com/en-us/office/media/hub-tiles/OfficeAdmins400x140.svg" alt="Office admins" />
+                                                    </div>
+                                                </div>
+                                                <div class="cardText">
+                                                    <h3>Card name</h3>
+                                                    <p>Description</p>
+                                                    <p><a href="">Link name</a></p>
+                                                    <p><a href="">Link name</a></p>
+                                                    <p><a href="">Link name</a></p>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="/powershell/skype/intro">
+                                    <div class="cardSize">
+                                        <div class="cardPadding">
+                                            <div class="card">
+                                                <div class="cardImageOuter">
+                                                    <div class="cardImage bgdAccent1"> 
+                                                        <img src="https://docs.microsoft.com/en-us/office/media/hub-tiles/OfficeAdmins400x140.svg" alt="Office admins" />
+                                                    </div>
+                                                </div>
+                                                <div class="cardText">
+                                                    <h3>Card name</h3>
+                                                    <p>Description</p>
+                                                    <p><a href="">Link name</a></p>
+                                                    <p><a href="">Link name</a></p>
+                                                    <p><a href="">Link name</a></p>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </a>
+                            </li>
+                            <li class="fullSpan">
+                              <hr />
+                              <br>
+                              <ul class="cardsFTitle panelContent singlePanelContent" style="display:flex!important;">
+                                    <li>
+                                        <a href="  ">
+                                        <div class="cardSize">
+                                            <div class="cardPadding">
+                                                <div class="card">
+                                                    <div class="cardImageOuter">
+                                                        <div class="cardImage">
+                                                            <img src="https://docs.microsoft.com/en-us/office/media/icons/get-started.svg" alt="Get started" />
+                                                        </div>
+                                                    </div>
+                                                    <div class="cardText">
+                                                        <h3>Link name</h3>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        </a>
+                                    </li>
+                                    <li>
+                                        <a href="  ">
+                                        <div class="cardSize">
+                                            <div class="cardPadding">
+                                                <div class="card">
+                                                    <div class="cardImageOuter">
+                                                        <div class="cardImage">
+                                                            <img src="https://docs.microsoft.com/en-us/office/media/icons/chat.svg" alt="Chat" />
+                                                        </div>
+                                                    </div>
+                                                    <div class="cardText">
+                                                        <h3>Link name</h3>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        </a>
+                                    </li>
+                                    <li>
+                                        <a href="  ">
+                                        <div class="cardSize">
+                                            <div class="cardPadding">
+                                                <div class="card">
+                                                    <div class="cardImageOuter">
+                                                        <div class="cardImage">
+                                                            <img src="https://docs.microsoft.com/en-us/office/media/icons/user-accounts.svg" alt="User account" />
+                                                        </div>
+                                                    </div>
+                                                    <div class="cardText">
+                                                        <h3>Link name</h3>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        </a>
+                                    </li>
+                                </ul>
+                            </li>
+                        </ul>
+                    </li>
+                </ul>
+            </li>
+        </ul>
+    </div>
+</div>