diff --git a/README.md b/README.md index 860ba1c..ba3fc14 100644 --- a/README.md +++ b/README.md @@ -40,6 +40,8 @@ You can find all source code for demo inside demo directory. You can clone this Example: http://127.0.0.1/local-states-nepal/demo +![Laravel Nepal](demo/assets/images/demo-page.png) + Demo Video: https://www.loom.com/share/a8c3d825a9ee41a9817b24645453e979 diff --git a/demo/assets/css/style.css b/demo/assets/css/style.css new file mode 100644 index 0000000..01ba074 --- /dev/null +++ b/demo/assets/css/style.css @@ -0,0 +1,53 @@ + +html, body{ + height: 100vh; +} + +.demo-form{ + background:url('../images/bg-image.jpg'); + background-attachment: fixed; + background-repeat: no-repeat; + background-size: cover; + height: 100vh; +} + +.side-image{ + position: relative; +} +.side-image img{ + width: 100%; + position: absolute; + top: 126px; + left: -59px; +} +.bg-form{ + background-color: #f2f6fa; + border-radius:4px; + padding: 40px 40px; + margin-top: 40px; +} + +label { + display: inline-block; + margin-bottom: 8px; + font-weight: 500; +} + + +.form-control { + display: block; + width: 100%; + height: 40px; + padding: 6px 12px; + font-size: 13px; + line-height: 1.42857143; + color: #555; + background-color: #fdf7f7; + background-image: none; + border: 1px solid #decece; + border-radius: 2px; + -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); + box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); + -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; + transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; +} diff --git a/demo/assets/images/bg-image.jpg b/demo/assets/images/bg-image.jpg new file mode 100644 index 0000000..e02567a Binary files /dev/null and b/demo/assets/images/bg-image.jpg differ diff --git a/demo/assets/images/demo-page.png b/demo/assets/images/demo-page.png new file mode 100755 index 0000000..045fe18 Binary files /dev/null and b/demo/assets/images/demo-page.png differ diff --git a/demo/assets/images/nepal-map.png b/demo/assets/images/nepal-map.png new file mode 100644 index 0000000..79d17bc Binary files /dev/null and b/demo/assets/images/nepal-map.png differ diff --git a/demo/index.php b/demo/index.php index e4b220f..789fd2c 100644 --- a/demo/index.php +++ b/demo/index.php @@ -4,50 +4,66 @@ + + -
-
-
-

Local State Nepal Demo

-
- - -
+
+
+
+
+
+ + +
+ +
+
+
+

Local State Nepal Demo

+
+ + +
-
- - -
+
+ + +
-
- - -
+
+ + +
-
- - -
+
+ + +
-
- - +
+ + +
+
+
-
-
+ +