add networking card

duongau · duongau · commit 3a69a7c7e7fd · 2024-04-01T15:34:47.000-07:00
diff --git a/articles/index.yml b/articles/index.yml
@@ -1348,6 +1348,13 @@ productDirectory:
         - security
       url: nat-gateway/index.yml
     # Card
+    - title: Networking
+      summary: Provide connectivity to your resources in Azure, deliver and protect applications, and help secure your network.
+      imageSrc: ./media/index/azure-networking.svg
+      azureCategories:
+        - networking
+      url: networking/index.yml
+    # Card
     - title: Azure Dedicated HSM
       summary: Manage hardware security modules that you use in the cloud
       imageSrc: ./media/index/dedicated-hsm.svg
diff --git a/articles/media/index/azure-networking.svg b/articles/media/index/azure-networking.svg
@@ -0,0 +1,44 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
+  <defs>
+    <linearGradient id="ab1f1cc9-870d-416c-906a-c7fb842578a8" x1="241.416" y1="497.924" x2="243.045" y2="496.285" gradientTransform="matrix(1, 0, 0, -1, -234, 503.516)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#86d633" />
+      <stop offset="1" stop-color="#5e9624" />
+    </linearGradient>
+    <linearGradient id="a1d6e7e3-d878-40f2-8ccb-56dc6fd66333" x1="237.717" y1="497.924" x2="239.346" y2="496.285" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#86d633" />
+      <stop offset="1" stop-color="#5e9624" />
+    </linearGradient>
+    <radialGradient id="ba6c29d8-f867-45f0-a240-4f3b9f34322c" cx="14084.539" cy="-3034.768" r="29.719" gradientTransform="matrix(0.15, 0, 0, -0.15, -2099.187, -443.508)" gradientUnits="userSpaceOnUse">
+      <stop offset="0.18" stop-color="#5ea0ef" />
+      <stop offset="1" stop-color="#0078d4" />
+    </radialGradient>
+    <linearGradient id="fd075475-6ff4-4f7c-aaf1-86fda739b4f0" x1="245.094" y1="490.509" x2="245.078" y2="492.579" gradientTransform="matrix(1, 0, 0, -1, -234, 503.516)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#ccc" />
+      <stop offset="1" stop-color="#fcfcfc" />
+    </linearGradient>
+    <linearGradient id="b4cb7a45-766a-4faf-b208-079a595f25a4" x1="248.096" y1="488.428" x2="248.096" y2="490.289" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#ccc" />
+      <stop offset="1" stop-color="#fcfcfc" />
+    </linearGradient>
+    <linearGradient id="ab205f40-41eb-4a05-be2e-c708d95da3b4" x1="250.218" y1="490.682" x2="250.218" y2="492.657" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#ccc" />
+      <stop offset="1" stop-color="#fcfcfc" />
+    </linearGradient>
+  </defs>
+  <g id="f6a97417-4e96-4161-9567-17067822cc15">
+    <circle cx="9.041" cy="7.227" r="1.16" fill="url(#ab1f1cc9-870d-416c-906a-c7fb842578a8)" />
+    <circle cx="5.342" cy="7.227" r="1.16" fill="url(#a1d6e7e3-d878-40f2-8ccb-56dc6fd66333)" />
+    <path d="M6.184,11.863l-.663.666a.3.3,0,0,1-.424,0h0L.184,7.63a.6.6,0,0,1,0-.848h0l.663-.665h0l5.338,5.322a.3.3,0,0,1,0,.424Z" fill="#50e6ff" />
+    <path d="M5.42,1.937l.666.664a.3.3,0,0,1,0,.424L.842,8.284h0L.176,7.621a.6.6,0,0,1,0-.848h0L5,1.938A.3.3,0,0,1,5.42,1.937Z" fill="#1490df" />
+    <path d="M17.817,7.614l-.666.664h0l-5.244-5.26a.3.3,0,0,1,0-.424h0l.673-.67a.3.3,0,0,1,.424,0h0l4.821,4.835a.6.6,0,0,1,0,.848h0Z" fill="#1490df" />
+    <path id="a6594cdb-acd5-4f7a-acde-1dd1e3688b0e" d="M16.234,15.229a4.456,4.456,0,0,1-5.461-7.043l.047-.032a4.455,4.455,0,0,1,5.414,7.075" fill="url(#ba6c29d8-f867-45f0-a240-4f3b9f34322c)" />
+    <path d="M11.586,10.2a6.58,6.58,0,0,1,2.138-1.478,7.52,7.52,0,0,1,2.458-.576,4.465,4.465,0,0,1,.781.755,6.808,6.808,0,0,0-4.67,1.876A1.446,1.446,0,0,0,11.586,10.2Zm-1.5,2.369a9.317,9.317,0,0,0-.435,1.373,3.911,3.911,0,0,0,.325.482,4.287,4.287,0,0,0,.288.341,9.352,9.352,0,0,1,.566-1.819A1.444,1.444,0,0,1,10.087,12.572Z" fill="#fff" opacity="0.6" />
+    <circle cx="11.082" cy="11.54" r="1.431" fill="url(#fd075475-6ff4-4f7c-aaf1-86fda739b4f0)" />
+    <path d="M9.961,10.659a6.6,6.6,0,0,1-.3-1.247,4.264,4.264,0,0,1,.577-.76,6.284,6.284,0,0,0,.361,1.541A1.409,1.409,0,0,0,9.961,10.659Zm3.207,3.5a.934.934,0,0,1,.283-.666,6.212,6.212,0,0,1-1.326-.975,1.429,1.429,0,0,1-.781.435,6.908,6.908,0,0,0,.76.671,6.315,6.315,0,0,0,1.075.655A.973.973,0,0,1,13.168,14.155Zm4,.073a4.289,4.289,0,0,1-.623.7,7.141,7.141,0,0,1-1.793-.125.917.917,0,0,0,.267-.65.188.188,0,0,0,0-.058,6.3,6.3,0,0,0,1.447.168A6.091,6.091,0,0,0,17.172,14.228Z" fill="#f2f2f2" opacity="0.55" />
+    <circle cx="14.096" cy="14.155" r="0.933" fill="url(#b4cb7a45-766a-4faf-b208-079a595f25a4)" />
+    <circle cx="16.218" cy="11.849" r="0.991" fill="url(#ab205f40-41eb-4a05-be2e-c708d95da3b4)" />
+    <path d="M12.733,9.333a9.541,9.541,0,0,1-1.127-1.666,3.925,3.925,0,0,1,.572-.22,8.875,8.875,0,0,0,1.048,1.53,13.394,13.394,0,0,0,2.337,2.17.957.957,0,0,0-.319.524A13.849,13.849,0,0,1,12.733,9.333Zm5.147,3.181-.184-.089h0l-.157-.084h-.031l-.137-.11h-.036l-.163-.1a.922.922,0,0,1-.335.482c.063.042.131.078.2.115l.042.026.183.1h0l.451.236h0a4.527,4.527,0,0,0,.152-.582Z" fill="#f2f2f2" opacity="0.7" />
+    <circle cx="11.082" cy="11.54" r="1.431" fill="url(#fd075475-6ff4-4f7c-aaf1-86fda739b4f0)" />
+    <circle cx="14.096" cy="14.155" r="0.933" fill="url(#b4cb7a45-766a-4faf-b208-079a595f25a4)" />
+  </g>
+</svg>
