diff --git a/LICENSE b/LICENSE
new file mode 100644
index 0000000..359c663
--- /dev/null
+++ b/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 Meraki UI
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/README.md b/README.md
index 545fb35..d136f7d 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,4 @@
-# docs
+# Meraki UI website
## Project setup
```
diff --git a/src/Models/data.js b/src/Models/data.js
index 613084a..0b0dd2a 100644
--- a/src/Models/data.js
+++ b/src/Models/data.js
@@ -2,47 +2,53 @@ export default [
{
name: 'Alert',
components: [
- { name: 'Success Alert' },
- { name: 'Info Alert' },
- { name: 'Warning Alert' },
- { name: 'Error Alert' },
- { name: 'Notification Pop' },
+ { name: 'Success alert' },
+ { name: 'Info alert' },
+ { name: 'Warning alert' },
+ { name: 'Error alert' },
+ { name: 'Notification pop' },
],
},
{
name: 'Cards',
components: [
- { name: 'Article Card' },
- { name: 'Article Card With Image' },
- { name: 'Product Card' },
- { name: 'Product Card With Evaluation' },
- { name: 'Testimonial Card' },
- { name: 'User Card' },
- { name: 'User Card With Details' },
+ { name: 'Article card' },
+ { name: 'Article card with image' },
+ { name: 'Product card' },
+ { name: 'Product card with evaluation' },
+ { name: 'Testimonial card' },
+ { name: 'User card' },
+ { name: 'User card with details' },
],
},
{
name: 'Forms',
components: [
{name: 'Inputs Form'},
- {name: 'Newsletter Form'},
- {name: 'Sign In Form'},
- {name: 'Sign In Form With Image'},
+ {name: 'Newsletter form'},
+ {name: 'Sign in form'},
+ {name: 'Sign in form with image'},
],
},
{
- name: 'Heroes',
- components: [
- { name: 'Hero With Image' },
- { name: 'Hero With Pattern' },
- ],
- },
- {
- name: 'Navbars',
+ name: 'Navbars',
components: [
{ name: 'Navbar' },
- { name: 'Navbar With Search' },
+ { name: 'Navbar with search' },
+ ]
+ },
+ {
+ name: 'Headers',
+ components: [
+ { name: 'Header with image' },
+ { name: 'Header with pattern' },
+ ],
+ },
+ {
+ name: 'Sections',
+ components: [
+ { name: 'Paragraph with image' },
]
},
{
@@ -51,4 +57,10 @@ export default [
{ name: 'Pagination' },
]
},
+ {
+ name: 'Footers',
+ components: [
+ { name: 'Footer with subscribe form' },
+ ]
+ },
];
\ No newline at end of file
diff --git a/src/components/Master.vue b/src/components/Master.vue
index 2bb1949..6bb3f0b 100644
--- a/src/components/Master.vue
+++ b/src/components/Master.vue
@@ -23,7 +23,7 @@
- Heroes components require simple(Don't panic please😘) configuration
+ Header components require simple(Don't panic please😘) configuration
@@ -61,14 +61,19 @@
import NewsletterForm from "./UI/Forms/NewsletterForm";
import SignInForm from "./UI/Forms/SignInForm";
import SignInFormWithImage from "./UI/Forms/SignInFormWithImage";
- // Heroes
- import HeroWithImage from "./UI/Heroes/HeroWithImage";
- import HeroWithPattern from "./UI/Heroes/HeroWithPattern";
+ // Header
+ import HeaderWithImage from "./UI/Header/HeaderWithImage";
+ import HeaderWithPattern from "./UI/Header/HeaderWithPattern";
// Navbars
import Navbar from "./UI/Navbars/Navbar";
import NavbarWithSearch from "./UI/Navbars/NavbarWithSearch";
- // Paginations
+ // Sections
+ import ParagraphWithImage from "./UI/Sections/ParagraphWithImage";
+ // Pagination
import Pagination from "./UI/Paginations/Pagination";
+ // Footers
+ import FooterWithSubscribeForm from "./UI/Footers/FooterWithSubscribeForm";
+
import Component from "../Models/Component";
@@ -95,14 +100,18 @@
SignInForm,
SignInFormWithImage,
- HeroWithImage,
- HeroWithPattern,
+ HeaderWithImage,
+ HeaderWithPattern,
Navbar,
NavbarWithSearch,
+ ParagraphWithImage,
+
Pagination,
+ FooterWithSubscribeForm,
+
ViewComponent,
},
data() {
diff --git a/src/components/UI/Cards/ArticleCard.vue b/src/components/UI/Cards/ArticleCard.vue
index 91c09c7..a9f7d3c 100644
--- a/src/components/UI/Cards/ArticleCard.vue
+++ b/src/components/UI/Cards/ArticleCard.vue
@@ -7,7 +7,7 @@
diff --git a/src/components/UI/Cards/ArticleCardWithImage.vue b/src/components/UI/Cards/ArticleCardWithImage.vue
index 6af3152..a1a94cf 100644
--- a/src/components/UI/Cards/ArticleCardWithImage.vue
+++ b/src/components/UI/Cards/ArticleCardWithImage.vue
@@ -9,18 +9,17 @@
diff --git a/src/components/UI/Cards/TestimonialCard.vue b/src/components/UI/Cards/TestimonialCard.vue
index 8dbf8e7..568c13e 100644
--- a/src/components/UI/Cards/TestimonialCard.vue
+++ b/src/components/UI/Cards/TestimonialCard.vue
@@ -7,14 +7,14 @@
-
Design Tools
+
Design Tools
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae dolores
deserunt ea doloremque natus error, rerum quas odio quaerat nam ex commodi hic, suscipit in a
veritatis pariatur minus consequuntur!
-
John Doe
+
John Doe
Software Engineer
Brand
Welcome back!
-
+
@@ -37,7 +37,7 @@
diff --git a/src/components/UI/Heroes/HeroWithImage.vue b/src/components/UI/Header/HeaderWithImage.vue
similarity index 79%
rename from src/components/UI/Heroes/HeroWithImage.vue
rename to src/components/UI/Header/HeaderWithImage.vue
index 48596d2..cb1a41c 100644
--- a/src/components/UI/Heroes/HeroWithImage.vue
+++ b/src/components/UI/Header/HeaderWithImage.vue
@@ -6,7 +6,7 @@
@@ -47,11 +47,11 @@
@@ -74,7 +74,7 @@
export default {
data() {
return {
- name: 'Hero With Image',
+ name: 'Header With Image',
isOpen: false,
}
}
diff --git a/src/components/UI/Heroes/HeroWithPattern.vue b/src/components/UI/Header/HeaderWithPattern.vue
similarity index 81%
rename from src/components/UI/Heroes/HeroWithPattern.vue
rename to src/components/UI/Header/HeaderWithPattern.vue
index 5bb98d5..840db1f 100644
--- a/src/components/UI/Heroes/HeroWithPattern.vue
+++ b/src/components/UI/Header/HeaderWithPattern.vue
@@ -4,12 +4,12 @@
@@ -52,7 +52,7 @@
export default {
data() {
return {
- name: 'Hero With Pattern'
+ name: 'Header With Pattern'
}
}
}
diff --git a/src/components/UI/Navbars/Navbar.vue b/src/components/UI/Navbars/Navbar.vue
index 6a3abc6..ccf536a 100644
--- a/src/components/UI/Navbars/Navbar.vue
+++ b/src/components/UI/Navbars/Navbar.vue
@@ -5,7 +5,7 @@
diff --git a/src/components/UI/Navbars/NavbarWithSearch.vue b/src/components/UI/Navbars/NavbarWithSearch.vue
index 6f261a2..d144179 100644
--- a/src/components/UI/Navbars/NavbarWithSearch.vue
+++ b/src/components/UI/Navbars/NavbarWithSearch.vue
@@ -4,7 +4,7 @@
@@ -18,9 +18,9 @@
diff --git a/src/components/UI/Paginations/Pagination.vue b/src/components/UI/Paginations/Pagination.vue
index 7994ef2..1e2460d 100644
--- a/src/components/UI/Paginations/Pagination.vue
+++ b/src/components/UI/Paginations/Pagination.vue
@@ -3,21 +3,21 @@
-
+
previous
- 1
+ 1
- 2
+ 2
- 3
+ 3
-
+
Next
diff --git a/src/components/UI/Null/ParagraphWithImage.vue b/src/components/UI/Sections/ParagraphWithImage.vue
similarity index 91%
rename from src/components/UI/Null/ParagraphWithImage.vue
rename to src/components/UI/Sections/ParagraphWithImage.vue
index 9bac474..7d03e42 100644
--- a/src/components/UI/Null/ParagraphWithImage.vue
+++ b/src/components/UI/Sections/ParagraphWithImage.vue
@@ -10,7 +10,7 @@
Build Your New Idea
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quidem modi reprehenderit vitae exercitationem aliquid dolores ullam temporibus enim expedita aperiam mollitia iure consectetur dicta tenetur, porro consequuntur saepe accusantium consequatur.
diff --git a/src/components/UI/Forms/SignInForm.vue b/src/components/UI/Forms/SignInForm.vue
index 16e7a01..7f160ad 100644
--- a/src/components/UI/Forms/SignInForm.vue
+++ b/src/components/UI/Forms/SignInForm.vue
@@ -14,7 +14,7 @@
- 
-