diff --git a/src/component/subscribe/SubscribeNewCard.jsx b/src/component/subscribe/SubscribeNewCard.jsx
index 4168fd8..c4aa106 100644
--- a/src/component/subscribe/SubscribeNewCard.jsx
+++ b/src/component/subscribe/SubscribeNewCard.jsx
@@ -1,6 +1,28 @@
 import React from 'react'
 export default function SubscribeNewCard(){
 
-    return <>Previous Card</>
+    return <>
+        <div className="row">
+            <div className="col-md-12 col-12 selects-contant">
+                <div className="card card-statistics">
+                    <div className="card-header">
+                        <div className="card-heading" style={{textAlign: 'left'}}>
+                            <h4 className="card-title">Pay with New Card</h4>
+                        </div>
+                    </div>
+                    <div className="card-body">
+                        <div className="form-group mb-0">
+
+
+
+
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+
+    </>
 
 }
\ No newline at end of file
diff --git a/src/component/subscribe/SubscribePreviousCard.jsx b/src/component/subscribe/SubscribePreviousCard.jsx
index 0903938..52f7ea1 100644
--- a/src/component/subscribe/SubscribePreviousCard.jsx
+++ b/src/component/subscribe/SubscribePreviousCard.jsx
@@ -1,6 +1,34 @@
 import React from 'react'
-export default function SubscribePreviousCard(){
 
-    return <>Previous Card</>
+export default function SubscribePreviousCard() {
+
+    return <>
+        {/*<div className="row select-wrapper">*/}
+        {/*    <div className="col-md-12 col-12 selects-contant">*/}
+                <div className="row">
+                    <div className="col-md-12 col-12 selects-contant">
+                        <div className="card card-statistics">
+                            <div className="card-header">
+                                <div className="card-heading" style={{textAlign: 'left'}}>
+                                    <h4 className="card-title">Pay with Previous Card</h4>
+                                </div>
+                            </div>
+                            <div className="card-body">
+                                <div className="form-group mb-0">
+                                    <select className="js-basic-single form-control" name="state">
+                                        <option value="AK">Visa xxxx xxxx xxxx 1234</option>
+                                        <option value="HI">Mastercard xxxx xxxx xxxx 1234</option>
+                                    </select>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+
+            {/*    </div>*/}
+            {/*</div>*/}
+        </div>
+
+
+    </>
 
 }
\ No newline at end of file