create stop and start a codespace article

content/codespaces/developing-in-codespaces/codespaces-lifecycle.md

@@ -61,11 +61,7 @@ ln -sf $PWD/.devcontainer/config $HOME/config && set +x
 
 ## Stopping a codespace
 
-You can stop a codespace at any time. When you stop a codespace, any running processes are stopped and the terminal history is cleared. Any saved changes in your codespace will still be available when you next start it. If you do not explicitly stop a codespace, it will continue to run until it times out from inactivity. For more information, see "[Codespaces timeouts](#codespaces-timeouts)."
-
-Only running codespaces incur CPU charges; a stopped codespace incurs only storage costs.
-
-You may want to stop and restart a codespace to apply changes to it. For example, if you change the machine type used for your codespace, you will need to stop and restart it for the change to take effect. You can also stop your codespace and choose to restart or delete it if you encounter an error or something unexpected. For more information, see "[Suspending or stopping a codespace](/codespaces/codespaces-reference/using-the-command-palette-in-codespaces#suspending-or-stopping-a-codespace)."
+{% data reusables.codespaces.stopping-a-codespace %} For more information, see "[Stopping and starting a code space](/codespaces/developing-in-codespaces/stopping-and-starting-a-codespace)."
 
 ## Deleting a codespace
 

content/codespaces/developing-in-codespaces/index.md

@@ -13,6 +13,7 @@ children:
   - /developing-in-a-codespace
   - /using-source-control-in-your-codespace
   - /using-github-codespaces-for-pull-requests
+  - /stopping-and-starting-a-codespace
   - /renaming-a-codespace
   - /deleting-a-codespace
   - /forwarding-ports-in-your-codespace

content/codespaces/developing-in-codespaces/stopping-and-starting-a-codespace.md

@@ -0,0 +1,57 @@
+---
+title: Stopping and starting a codespace
+intro: 'to do'
+product: '{% data reusables.gated-features.codespaces %}'
+versions:
+  fpt: '*'
+  ghec: '*'
+type: how_to
+topics:
+  - Codespaces
+  - Fundamentals
+  - Developer
+shortTitle: Stop a code space
+---
+
+## About stopping and starting a codespace
+
+{% data reusables.codespaces.stopping-a-codespace %}
+
+Regardless of where you created or access your codespaces, you can view and manage them in your browser at https://github.com/codespaces. 
+
+## Stopping a codespace
+
+ {% webui %}
+
+ 1. In the upper center of any page, click **Codespaces**.
+ 1. To the right of the codespace you want to stop, click the elipsis (**...**).
+ 1. Click **Stop codespace**.
+   ![Screenshot of option to stop a codespace](/assets/images/help/codespaces/stop-codespace-webui.png)
+
+ {% endwebui %}
+
+
+ {% cli %}
+
+ {% endcli %}
+
+
+ {% vscode %}
+
+ {% endvscode %}
+
+
+## Restarting a codespace
+
+ {% webui %}
+
+ {% endwebui %}
+
+ {% cli %}
+
+ {% endcli %}
+
+
+ {% vscode %}
+
+ {% endvscode %}