5.0.2

Author: unknown

README.txt

@@ -1,6 +1,6 @@
 Material Design for Bootstrap
 
-Version: MDB React Pro 5.0.1
+Version: MDB React Pro 5.0.2
 
 Documentation:
 https://mdbootstrap.com/docs/react/

docs/App-clear.js

@@ -5,35 +5,91 @@ import logo from './logo.png';
 
 class App extends Component {
   render() {
+    function Clipboard_CopyTo(value) {
+      var tempInput = document.createElement('input');
+      tempInput.value = value;
+      document.body.appendChild(tempInput);
+      tempInput.select();
+      document.execCommand('copy');
+      document.body.removeChild(tempInput);
+    }
+  
+    const handleClick = () => {
+      Clipboard_CopyTo('T9TTVSQB');
+      var div = document.getElementById('code-success');
+        div.style.display = 'block';
+      setTimeout(function () {
+        document.getElementById('code-success').style.display = 'none';
+      }, 900);
+    };
+
     return (
-      <MDBContainer>
-        <MDBRow center style={{ height: '100vh' }}>
-          <MDBCol middle={true} md='6' className='text-center'>
-            <img src={logo} alt='logo' style={{ width: '10rem' }} />
-            <h1 className='text-white'>Welcome to Your MDB React App</h1>
-            <p className='mb-2 text-white'>The application is configured and ready to import our components.</p>
-            <MDBBtn href='https://mdbootstrap.com/docs/react/' target='blank' color='light-blue'>
-              <strong>Check out our docs!</strong>
-            </MDBBtn>
-          </MDBCol>
-          <MDBCol middle={true} md='6' className='text-center'>
-            <div className='d-flex mt-5'>
-              <div className='text-center'>
-                <h2 className='h1 mb-5'>CYBER MONDAY SALE!</h2>
-                <MDBIcon icon="calendar-day cyan-text" size="10x" />
-                <p className='mt-2 text-white'>
-                  Check what we have prepared and start using the richest UI Kit today.
-                  <br />
-                  Hurry up & don't loose your chance.
-                </p>
-                <MDBBtn color="cyan" href="https://mdbootstrap.com/sale/" target="_blank">
-                  CLAIM OFFER
-                </MDBBtn>
-              </div>
+      <MDBContainer fluid>
+      <div
+        className='d-flex justify-content-center align-items-center'
+        style={{ height: '100vh' }}
+      >
+        <div className='text-center'>
+          <h2>Release surprise!</h2>
+          <p className='h4 fw-bold'>50% OFF MDB PRO</p>
+          <div className='row justify-content-center'>
+            <div className='col-md-6'>
+              <img
+                src='https://mdbootstrap.com/img/Marketing/campaigns/50off-SJARV.png'
+                className='img-fluid'
+                alt=''
+              />
             </div>
-          </MDBCol>
-        </MDBRow>
-      </MDBContainer>
+          </div>
+
+          <h5 className='mb-3'>
+            Use this coupon code before it expires and claim the reward
+          </h5>
+          <p className='mb-3'>
+            The coupon code will be valid until the end of the week
+          </p>
+
+          <div className='mt-2'>
+            <code className='h2 border rounded py-1 px-5 flex-item me-2'>
+              T9TTVSQB
+            </code>
+            <br />
+
+            <MDBBtn
+              className='mr-2 mt-3'
+              id='disc-50'
+              href='#'
+              size='lg'
+              color='info'
+              style={{ backgroundColor: '#009fe7' }}
+              onClick={handleClick}
+            >
+              COPY TO CLIPBOARD <MDBIcon far icon='copy' />
+            </MDBBtn>
+            <MDBBtn
+              outline
+              className='mt-3'
+              href='https://mdbootstrap.com/docs/standard/getting-started/'
+              size='lg'
+              target='_blank'
+              style={{ borderColor: '#009fe7', color: '#009fe7' }}
+            >
+              MDB tutorial
+            </MDBBtn>
+          </div>
+          <p>
+            See <a href='https://mdbootstrap.com/pro/'>prices</a>
+          </p>
+          <div
+            className='my-2 me-2 alert alert-success'
+            id='code-success'
+            style={{ display: 'none', position: 'fixed', width: '300px', top: '0', right: '0' }}
+          >
+            Copied
+          </div>
+        </div>
+      </div>
+    </MDBContainer>
     );
   }
 }

docs/christmas.png

@@ -42,6 +42,6 @@
   color: #283593;
 }
 
-.nav-link:focus{
+.nav-link:focus {
   outline: none;
 }

docs/index.css

@@ -5,6 +5,7 @@ import 'bootstrap-css-only/css/bootstrap.min.css';
 import '../dist/css/mdb.css';
 import './index.css';
 import App from './App';
+// import AppClear from './App-clear';
 
 import registerServiceWorker from './registerServiceWorker';
 

docs/index.js

@@ -1,6 +1,6 @@
 {
   "name": "mdbreact",
-  "version": "5.0.1",
+  "version": "5.0.2",
   "author": "MDBootstrap",
   "repository": "https://github.com/mdbootstrap/React-Bootstrap-with-Material-Design",
   "main": "dist/mdbreact.js",