New active [product page

2025-01-05 17:50:39 -05:00
parent a60a18dce8
commit 68c4bbbca7
5 changed files with 285 additions and 4 deletions
@@ -0,0 +1,91 @@
+import getImage from "../../utils/getImage";
+
+export default function ProductProvision(){
+
+    return <>
+        <div className="row">
+            <div className="col-md-12">
+                <div className="card card-statistics">
+                    <div className="card-header">
+                            <div className="card-heading">
+                            <h4 className="card-title">Creating - Your personal professional web </h4>
+                            </div>
+                        </div>
+                        <div className="card-body">
+                            <div className="progress">
+                                <div className="progress-bar progress-bar-striped progress-bar-animated" role="progressbar"
+                                aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style={{width:'75%'}} ></div>
+                            </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div className="row">
+            <div className="col-md-12">
+
+
+            </div>
+        </div>
+        <div className="row">
+
+            <div className="col-lg-6">
+
+                <div className="card card-statistics">
+                    <div className="card-header">
+                        <div className="card-heading">
+                            <h4 className="card-title">Progress Information</h4>
+                        </div>
+                    </div>
+                    <div className="card-body">
+                        <div className="table-responsive">
+                            <table className="table table-info mb-0">
+                                <thead>
+                                <tr>
+                                    <th scope="col" style={{width: '10px'}}>#</th>
+                                    <th scope="col">Action</th>
+
+                                </tr>
+                                </thead>
+                                <tbody>
+                                <tr>
+                                    <th scope="row">1</th>
+                                    <td>Start Creation </td>
+
+                                </tr>
+                                <tr>
+                                    <th scope="row">2</th>
+                                    <td>Update Access Routes</td>
+
+                                </tr>
+                                <tr>
+                                    <th scope="row">3</th>
+                                    <td>Veryfing ...</td>
+
+                                </tr>
+                                </tbody>
+                            </table>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div className="col-lg-6">
+                <div className="card card-statistics ">
+                    <img className="card-img-top" src={getImage('widget/01.jpg')}  alt="Card image cap" />
+                    <div className="card-body">
+                        {/*<h4 className="card-title">Commitment</h4>*/}
+                        <p className="card-text">Commitment is something that comes from understanding that
+                            everything has its price and then having the willingness to pay that price. This is
+                            important because nobody wants to put significant effort into something, only to
+                            find out after the fact that the price was too high.The price is something not
+                            necessarily defined as financial. It could be time, effort, sacrifice, money or
+                            perhaps, something else.</p>
+                    </div>
+                </div>
+
+            </div>
+
+
+        </div>
+    </>
+}