Update README.md

README.md

@@ -11,8 +11,12 @@ Materialize Persian Date and time picker by A1Gard 4xmen.ir
 
 ## screenshot
 
+<div align="center">
+
 ![mp datetime picker](screenshot.png)
 
+</div>
+
 ## How to use
 
 Add jquery:
@@ -22,21 +26,30 @@ Add jquery:
 <script type="text/javascript" src="../dist/jquery.min.js"></script>
 ```
 
-Add additional font for best view or use [vazir-code-font](https://www.npmjs.com/package/vazir-code-font):
+Add additional font for best view or use [Vazir-Matn-Font](https://www.npmjs.com/package/vazirmatn):
 
 ```html
 
-<link type="text/css" rel="stylesheet" href="http://4xmen.ir/cdn/VazirCodeX.css"/> 
+<link type="text/css" rel="stylesheet" href="https://cdn.jsdelivr.net/gh/rastikerdar/[email protected]/Vazirmatn-font-face.css"/> 
 ```
 
-Add css and jquery plugin:
+Add css and jquery plugin To end of your project:
 
 ```html
 
 <script type="text/javascript" src="node_modules/mpdatepicker/dist/jquery.mpdatepicker.min.js"></script>
 <link type="text/css" rel="stylesheet" href="node_modules/mpdatepicker/dist/jquery.mpdatepicker.min.css"/>
 ```
 
+
+Add Html :
+
+```Html
+<input class="sample-date-picker bg-white w-100 p-3"
+       placeholder="تاریخ" type="text" id="date">
+```     
+
+
 use plugin :
 
 ```javascript
@@ -57,7 +70,7 @@ $(function () {
         },
     });
 });
-```        
+```
 
 ## Options & events