+
+
+
+
+
+
diff --git a/src/components/shared/Header.vue b/src/components/shared/Header.vue
index 0d6569d8..2e1babdd 100644
--- a/src/components/shared/Header.vue
+++ b/src/components/shared/Header.vue
@@ -32,6 +32,11 @@
class="text-lg font-medium text-gray-400 uppercase md:mx-2 mb-2 sm:py-2"
>About Me
+ Contact Page
+
diff --git a/src/router/index.js b/src/router/index.js
index b779d11b..65d737c7 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -50,6 +50,20 @@ const routes = [
title: 'Single Project',
},
},
+ {
+ path: '/contact',
+ name: 'Contact',
+ // route level code-splitting
+ // this generates a separate chunk (projects.[hash].js) for this route
+ // which is lazy-loaded when the route is visited.
+ component: () =>
+ import(
+ /* webpackChunkName: "projects" */ '../components/Contact.vue'
+ ),
+ meta: {
+ title: 'Contact',
+ },
+ },
];
const router = createRouter({
From 21463c0e2b16d816c49ae45977c1f710f06a7a20 Mon Sep 17 00:00:00 2001
From: nstoman
Date: Thu, 15 Jul 2021 16:10:59 +0430
Subject: [PATCH 03/19] Single project layout design
---
src/components/Home.vue | 4 +-
src/components/SingleProject.vue | 106 ++++++++++++++++++++++++++++++-
2 files changed, 107 insertions(+), 3 deletions(-)
diff --git a/src/components/Home.vue b/src/components/Home.vue
index a08ea0d3..3d4b9cbf 100644
--- a/src/components/Home.vue
+++ b/src/components/Home.vue
@@ -79,7 +79,7 @@
- Pheonix Digital Agenncy + Pheonix Digital Agency
Mobile Application- Project Management UI + Kabul Project Management UI
UI / Frontend
-
From 757b097f922fd3f077426518b118f175b8df8b76 Mon Sep 17 00:00:00 2001
From: nstoman Single Project
+ ++ Kabul Project Management UI +
+
+
+
+
+
+
+
+ Jul 26, 2021
+
+
+
+ UI / Frontend
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + About Client +
+-
+
- + Name: Kabul + Company Ltd + +
- + Services: UI + Design & Frontend Development + +
- + Website: + https://kabul.com + +
- + Phone: +93 7888 + 888 88 + +
+
+ + Objective +
++ Lorem ipsum dolor sit amet consectetur adipisicing elit. + Optio, natus! Quibusdam enim quod in esse, mollitia + molestias incidunt quas ipsa accusamus veniam, quis odit + cumque vero voluptate, reiciendis amet non! +
+
+
+
+ + Tools & Technologies +
+HTML, CSS, JavaScript, Vue.js, TailwindCSS, AdobeXD
+
+
@@ -38,7 +38,7 @@
@@ -47,7 +47,7 @@
-
+ + +
From 2905ee61d8493a69709c0b633230ddcc21d28dfc Mon Sep 17 00:00:00 2001
From: nstoman
Date: Thu, 15 Jul 2021 16:31:01 +0430
Subject: [PATCH 05/19] Single project social icons design
---
src/components/SingleProject.vue | 45 ++++++++++++++++++++++++++++----
1 file changed, 40 insertions(+), 5 deletions(-)
diff --git a/src/components/SingleProject.vue b/src/components/SingleProject.vue
index 9e7ab6f8..c6b1162e 100644
--- a/src/components/SingleProject.vue
+++ b/src/components/SingleProject.vue
@@ -94,11 +94,46 @@
Share This
From 20773df7d2a5b33b0fbe91231dd2cf284e0c39c0 Mon Sep 17 00:00:00 2001
From: nstoman
@@ -38,7 +38,7 @@
@@ -47,7 +47,7 @@
-
+
-
+
+
+ @@ -102,9 +102,87 @@
+
Challenge
++ Lorem ipsum dolor sit amet consectetur adipisicing elit. Et + ipsa, ullam modi esse ea molestiae, non quidem expedita + perspiciatis nihil eligendi maxime eum eos exercitationem. + Aliquam labore amet odio quisquam? Lorem ipsum dolor sit + amet consectetur, adipisicing elit. Velit, consectetur? + Soluta, minus, quia tenetur distinctio asperiores aperiam + impedit provident at autem omnis odio, atque dicta minima + alias voluptatum ullam animi. +
++ Lorem ipsum dolor sit amet consectetur adipisicing elit. Et + ipsa, ullam modi esse ea molestiae, non quidem expedita + perspiciatis nihil eligendi maxime eum eos exercitationem. + Aliquam labore amet odio quisquam? Lorem ipsum dolor sit + amet consectetur, adipisicing elit. Velit, consectetur? + Soluta, minus, quia tenetur distinctio asperiores aperiam + impedit provident at autem omnis odio, atque dicta minima + alias voluptatum ullam animi. +
++ Lorem ipsum dolor sit amet consectetur adipisicing elit. Et + ipsa, ullam modi esse ea molestiae, non quidem expedita + perspiciatis nihil eligendi maxime eum eos exercitationem. + Aliquam labore amet odio quisquam? Lorem ipsum dolor sit + amet consectetur, adipisicing elit. Velit, consectetur? + Soluta, minus, quia tenetur distinctio asperiores aperiam + impedit provident at autem omnis odio, atque dicta minima + alias voluptatum ullam animi. +
++ Lorem ipsum dolor sit amet consectetur adipisicing elit. Et + ipsa, ullam modi esse ea molestiae, non quidem expedita + perspiciatis nihil eligendi maxime eum eos exercitationem. + Aliquam labore amet odio quisquam? +
++ + +
+
+
+ Related Projects +
+
+
+
+ 
+
+
+
+ 
+
+
+
+ 
+
+
+
+
+
+
+
-
+
Kabul Project Management UI
@@ -22,24 +24,24 @@
-
+
-
+
@@ -47,8 +49,8 @@
-
-
+
+
- About Client @@ -137,7 +139,7 @@
+
-
+
-
Challenge
Lorem ipsum dolor sit amet consectetur adipisicing elit. Et @@ -179,11 +181,11 @@
+
-
-
+
+
From f905a6a7c56390bc23b9b97497dcb82a60715f51 Mon Sep 17 00:00:00 2001
From: nstoman
Date: Thu, 15 Jul 2021 19:38:49 +0430
Subject: [PATCH 07/19] Code cleanup
---
README.md | 5 ++++
babel.config.js | 6 ++---
postcss.config.js | 10 ++++----
public/index.html | 32 +++++++++++++-----------
src/App.vue | 57 +++++++++++++++++++++---------------------
src/assets/css/app.css | 4 +--
src/main.js | 16 ++++++------
src/router/index.js | 10 ++++----
tailwind.config.js | 20 +++++++--------
9 files changed, 84 insertions(+), 76 deletions(-)
diff --git a/README.md b/README.md
index e61a1364..bddc14fd 100644
--- a/README.md
+++ b/README.md
@@ -1,24 +1,29 @@
# Clean Vue.js & TailwindCSS Portfolio Template
## Project setup
+
```
npm install
```
### Compiles and hot-reloads for development
+
```
npm run serve
```
### Compiles and minifies for production
+
```
npm run build
```
### Lints and fixes files
+
```
npm run lint
```
### Customize configuration
+
See [Configuration Reference](https://cli.vuejs.org/config/).
diff --git a/babel.config.js b/babel.config.js
index e9558405..dcd85203 100644
--- a/babel.config.js
+++ b/babel.config.js
@@ -1,5 +1,3 @@
module.exports = {
- presets: [
- '@vue/cli-plugin-babel/preset'
- ]
-}
+ presets: ['@vue/cli-plugin-babel/preset'],
+};
diff --git a/postcss.config.js b/postcss.config.js
index 85f717cc..e873f1a4 100644
--- a/postcss.config.js
+++ b/postcss.config.js
@@ -1,6 +1,6 @@
module.exports = {
- plugins: {
- tailwindcss: {},
- autoprefixer: {}
- }
-}
+ plugins: {
+ tailwindcss: {},
+ autoprefixer: {},
+ },
+};
diff --git a/public/index.html b/public/index.html
index 3e5a1396..dccaa3a5 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,17 +1,21 @@
-
-
-
-
-
- <%= htmlWebpackPlugin.options.title %>
-
-
-
-
-
-
+
+
+
+
+
+ <%= htmlWebpackPlugin.options.title %>
+
+
+
+
+
+
diff --git a/src/App.vue b/src/App.vue
index 9a3b161c..d4e385a1 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,40 +1,39 @@
-
-
Date: Thu, 15 Jul 2021 20:07:20 +0430
Subject: [PATCH 08/19] Add logo and favicon
---
src/assets/images/Artboard 1.png | Bin 0 -> 1764 bytes
src/assets/images/logo.svg | 1 +
2 files changed, 1 insertion(+)
create mode 100644 src/assets/images/Artboard 1.png
create mode 100644 src/assets/images/logo.svg
diff --git a/src/assets/images/Artboard 1.png b/src/assets/images/Artboard 1.png
new file mode 100644
index 0000000000000000000000000000000000000000..122ba136ecce02a550ed18ec9721304f098ecd93
GIT binary patch
literal 1764
zcmV4TD
zlo&vb1WQab#sET1r3HE{?Q*0NlerbBL<<38l(c+H0cXsAcdt?q_tYGv>n>r
z?Zceu3{1E4ymNP3?S4r!+qpAm?)m22bI(2ZOx)n$AjUJ|$F=q`0%8Op!L0yEl8ON=
z2jElwrikg9A?^UESN_g2#!k2q#^nShNtz8{7l1VYCcEi?0CWQQn)<^S`^~91M+8Wc
z^Z3>o-F)>j-jwXnNP$(oH6*L1VW{lMfBS0DF$H?624JRcfAtAxF`w)u0zCHwlK`8pr
zu-ItFKUfl=C{JTde%l_8C*o$#3(_SJ2xzTgjTH%|1Sn=-NpC(eApuDq&**Du1HnK5
zp}sySmQZLm91ICi93I`6NpF7Q#EGM(5D$8LdsRyypWricjAnrldHYN<0<
zs+o!|y3n-%Wu9+>BFL@7`?FO-U2Q8`+PZMn|F?Y3-`p-Ay_u=<$31$?(Puw?*9=DS6bZkT_$2j=?bKzBy!6j<%tAxh>WojVfqLk
zpiFy{)yU2%t~UOIlGl#AR-QmINEXTDg&L)jPKs{k1Sks|?l=GTo^o{e1i3prLS|2J
zNM?74TZTrL<>7651o)uD_)c-?@CBjDt00*)qO8
z7G)vFn~IE#NoZ~Dl4pjBGnXxiqv1f$;Bkx^U2G8`I|`@aZsqwV({}Hyso1f7<*+Hv
zhaqLwubYn}M{7_~dBs!)%_uwsXmqi5g1k6iecklVaOJfiFTZ8;<0x1-+f;_r>C_H{
z5nyJ*G@aQAZeA&Q%<>u<1|lJ3O)IKXMA9Q!({Q`vuHiM8e&zE6Mi^U*dH`#SbFt^(
z4~FfM6fkV#fsi3!^+w2p(|W)To+y}!Cl_byUO8vRL)h@r2uJP;!h8Ttac0>2{u$dO
zY5a^)O;BAW4#Zf-z?+vJVeeSx#d_(%NV9@XV?l
zSMfa$Bx#6z#@Mj=T^Ir62usV#ZD0R%;XLH~W?(^ndQ`}WI03L}1$v<}fY6Q@#%}!Wr1=0Q@Y6Pe__tOm=`K%gkx4K-(
zNt-$e?`&I%?3@Q($%#4vD#$s~LdlIqkTvXkx5yOAtph**^1J*yFE<^zdDG<_(C1j}ENnPMAi8fbYL+!og1}hn=ISjslx-kY&`=x8PjWb=$*)
z7FF++J>|Gxhz0={8~(!fJ*RcsD2m&#A=mI;BIAp%8f@he5AR>iH57~p5Ecr5e5A^-
z?L@^TNG3TwT1(KIEm>#19ImT#pKR4a7y(T;ZyUDV?G3^2x6bUYTmPsf3AGn*a`n#$
zW3EPM*)sF2kZ1_W2TV-!xy=L#2RnYOE2
zTzYSq6sPmF4`>z?(Yj#ivRRJ$h2gr~32)O2gwB#aJaqw1mcryTQQ`t
zS|)4i1S%P0!}bUDEI_WO39G-eg)OfyvCIvsAf+ktv#UG}G2R@3Mwbz_LV5&{1!ya+
zY=c77O)o6s>ZBRuZMD)B-1lpAIUC*<1LX9RwSk70csllu(i1nn!lIygW7Nl2CPmekU?q-bb(z`BJC}|`>xq*s`I!RD4Aa+wSk_g_f7w%Ll#|_Kp
zO+#U&#&#q9rrKL#bu52nrkcG{Ck&-x+_Y@oaxI`#Tdz?qfgaFz{{dqL)F
Date: Thu, 15 Jul 2021 20:27:46 +0430
Subject: [PATCH 09/19] Logo and favicon implemented
---
public/favicon.ico | Bin 4286 -> 0 bytes
public/favicon.png | Bin 0 -> 1453 bytes
public/index.html | 2 +-
src/assets/images/Artboard 1.png | Bin 1764 -> 0 bytes
src/assets/images/logo.svg | 2 +-
src/components/shared/Header.vue | 7 ++++++-
6 files changed, 8 insertions(+), 3 deletions(-)
delete mode 100644 public/favicon.ico
create mode 100644 public/favicon.png
delete mode 100644 src/assets/images/Artboard 1.png
diff --git a/public/favicon.ico b/public/favicon.ico
deleted file mode 100644
index df36fcfb72584e00488330b560ebcf34a41c64c2..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001
literal 4286
zcmds*O-Phc6o&64GDVCEQHxsW(p4>LW*W<827=Unuo8sGpRux(DN@jWP-e29Wl%wj
zY84_aq9}^Am9-cWTD5GGEo#+5Fi2wX_P*bo+xO!)p*7B;iKlbFd(U~_d(U?#hLj56
zPhFkj-|A6~Qk#@g^#D^U0XT1cu=c-vu1+SElX9NR;kzAUV(q0|dl0|%h|dI$%VICy
zJnu2^L*Te9JrJMGh%-P79CL0}dq92RGU6gI{v2~|)p}sG5x0U*z<8U;Ij*hB9z?ei
z@g6Xq-pDoPl=MANPiR7%172VA%r)kevtV-_5H*QJKFmd;8yA$98zCxBZYXTNZ#QFk2(TX0;Y2dt&WitL#$96|gJY=3xX
zpCoi|YNzgO3R`f@IiEeSmKrPSf#h#Qd<$%Ej^RIeeYfsxhPMOG`S`Pz8q``=511zm
zAm)MX5AV^5xIWPyEu7u>qYs?pn$I4nL9J!=K=SGlKLXpE<5x+2cDTXq?brj?n6sp=
zphe9;_JHf40^9~}9i08r{XM$7HB!`{Ys~TK0kx<}ZQng`UPvH*11|q7&l9?@FQz;8
zx!=3<4seY*%=OlbCbcae?5^V_}*K>Uo6ZWV8mTyE^B=DKy7-sdLYkR5Z?paTgK-zyIkKjIcpyO
z{+uIt&YSa_$QnN_@t~L014dyK(fOOo+W*MIxbA6Ndgr=Y!f#Tokqv}n<7-9qfHkc3
z=>a|HWqcX8fzQCT=dqVbogRq!-S>H%yA{1w#2Pn;=e>JiEj7Hl;zdt-2f+j2%DeVD
zsW0Ab)ZK@0cIW%W7<&J}Ljk
zJN<14=XV#WK`o#6Ku>z}H{&~yGhn~D;aiP4=;m-HCo`BEI+Kd6
z={Xwx{TKxD#iCLfl2vQGDitKtN>z|-AdCN|$jTFDg0m3O`WLD4_s#$S
diff --git a/public/favicon.png b/public/favicon.png
new file mode 100644
index 0000000000000000000000000000000000000000..03d88ec16e890af6b315c2999f2ded179ea2ddeb
GIT binary patch
literal 1453
zcmV;e1ycHnP)<-hDgsy?Hb9X2)GyTU*%6=-$)XcL?YZ0H50dG)+4R;240U
zJRVddnk7~N%*x{jA;dRs26N;DHBB1?a0b8_fPHQRP=E}8Ny;OHSZZ{*h6vC!?I8ef
z0(iIdS$B6gdU|@c&s|+zo@z^ZH#Rn~xw*N0HsCCPkA)Eb*d5O{0h*@KylHMR{!eB7
ze!qThB}hV{P|(j3HvpUzLd+^7K(6z1G<#I-A7^_D@O#-CZU*OF9eLe(&!PaYO1NmGIg<=uX5?-pc
z94rZt4v#m+IP<-|y)9G73D(!wOO`;NkhF4)wGttE`xwnVxJzc<2*Xm1NnK1~Y5_9N
zFG3E~ZVt~b=osk}B!<<*lA}Al-Kso6*$rX(jM+6-7Ql3KAJ@IgIKQy4it7t^
zkzQGYrsb=?j}Hy#=j787g!=su!teT-^aJze;Rb-os;R`WhnhAy))Y7fHY|nays)i~z=dJ-2s*sq>5Y?8{58#!v-=F3HLv&9qFy
zr3Eaf|HZkle`%_cwP4W276H1WaFgzS`uSx?X73dYx>Pwq?*nBJqd|)yko1+Wlt;QI_B+w}Ado!12At{GSJ-#p|yfK_vQs
zQW=diK)3}h*O59XM$!i{r(2%Da`!5
z)KKA61@?T4OxqB^rLpGWzTXPUm%vY#Z{hoyMf8jE_lePP2trhcMHV}LUA%+T{H>N$
zl9Uth)kF%}T)~sI%nFifC|?3gH~&^HB;-yp>cOT+DFJhHf2ka<4BTIMQ7bSbfG5<{PjZG^+_U#3=q%5z`grY2y}rK(lNl7Nc-
zJKH#ZB<@(yN-%Y%@@^|b23@KMQ2u&+WhIMy_wqG3)y&VY(L#qpv;tA;;dCCd8bj*Y5;iyBSMA)<#$Y}?UCQ<7tYAe
zam)7knyIktu^s2%?7bzc?YtZ)8$+J#6Nc;<-Wh1KI|Z$q?@|
zb~?q0&JQL!Kbh(LXv&>a+mk<=`#+&m7H(rF00000NkvXX
Hu0mjfME
-
+
<%= htmlWebpackPlugin.options.title %>
diff --git a/src/assets/images/Artboard 1.png b/src/assets/images/Artboard 1.png
deleted file mode 100644
index 122ba136ecce02a550ed18ec9721304f098ecd93..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001
literal 1764
zcmV4TD
zlo&vb1WQab#sET1r3HE{?Q*0NlerbBL<<38l(c+H0cXsAcdt?q_tYGv>n>r
z?Zceu3{1E4ymNP3?S4r!+qpAm?)m22bI(2ZOx)n$AjUJ|$F=q`0%8Op!L0yEl8ON=
z2jElwrikg9A?^UESN_g2#!k2q#^nShNtz8{7l1VYCcEi?0CWQQn)<^S`^~91M+8Wc
z^Z3>o-F)>j-jwXnNP$(oH6*L1VW{lMfBS0DF$H?624JRcfAtAxF`w)u0zCHwlK`8pr
zu-ItFKUfl=C{JTde%l_8C*o$#3(_SJ2xzTgjTH%|1Sn=-NpC(eApuDq&**Du1HnK5
zp}sySmQZLm91ICi93I`6NpF7Q#EGM(5D$8LdsRyypWricjAnrldHYN<0<
zs+o!|y3n-%Wu9+>BFL@7`?FO-U2Q8`+PZMn|F?Y3-`p-Ay_u=<$31$?(Puw?*9=DS6bZkT_$2j=?bKzBy!6j<%tAxh>WojVfqLk
zpiFy{)yU2%t~UOIlGl#AR-QmINEXTDg&L)jPKs{k1Sks|?l=GTo^o{e1i3prLS|2J
zNM?74TZTrL<>7651o)uD_)c-?@CBjDt00*)qO8
z7G)vFn~IE#NoZ~Dl4pjBGnXxiqv1f$;Bkx^U2G8`I|`@aZsqwV({}Hyso1f7<*+Hv
zhaqLwubYn}M{7_~dBs!)%_uwsXmqi5g1k6iecklVaOJfiFTZ8;<0x1-+f;_r>C_H{
z5nyJ*G@aQAZeA&Q%<>u<1|lJ3O)IKXMA9Q!({Q`vuHiM8e&zE6Mi^U*dH`#SbFt^(
z4~FfM6fkV#fsi3!^+w2p(|W)To+y}!Cl_byUO8vRL)h@r2uJP;!h8Ttac0>2{u$dO
zY5a^)O;BAW4#Zf-z?+vJVeeSx#d_(%NV9@XV?l
zSMfa$Bx#6z#@Mj=T^Ir62usV#ZD0R%;XLH~W?(^ndQ`}WI03L}1$v<}fY6Q@#%}!Wr1=0Q@Y6Pe__tOm=`K%gkx4K-(
zNt-$e?`&I%?3@Q($%#4vD#$s~LdlIqkTvXkx5yOAtph**^1J*yFE<^zdDG<_(C1j}ENnPMAi8fbYL+!og1}hn=ISjslx-kY&`=x8PjWb=$*)
z7FF++J>|Gxhz0={8~(!fJ*RcsD2m&#A=mI;BIAp%8f@he5AR>iH57~p5Ecr5e5A^-
z?L@^TNG3TwT1(KIEm>#19ImT#pKR4a7y(T;ZyUDV?G3^2x6bUYTmPsf3AGn*a`n#$
zW3EPM*)sF2kZ1_W2TV-!xy=L#2RnYOE2
zTzYSq6sPmF4`>z?(Yj#ivRRJ$h2gr~32)O2gwB#aJaqw1mcryTQQ`t
zS|)4i1S%P0!}bUDEI_WO39G-eg)OfyvCIvsAf+ktv#UG}G2R@3Mwbz_LV5&{1!ya+
zY=c77O)o6s>ZBRuZMD)B-1lpAIUC*<1LX9RwSk70csllu(i1nn!lIygW7Nl2CPmekU?q-bb(z`BJC}|`>xq*s`I!RD4Aa+wSk_g_f7w%Ll#|_Kp
zO+#U&#&#q9rrKL#bu52nrkcG{Ck&-x+_Y@oaxI`#Tdz?qfgaFz{{dqL)F
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/components/shared/Header.vue b/src/components/shared/Header.vue
index 2e1babdd..6e1c4fb1 100644
--- a/src/components/shared/Header.vue
+++ b/src/components/shared/Header.vue
@@ -3,7 +3,12 @@
Related Projects
@@ -203,7 +205,7 @@
From f905a6a7c56390bc23b9b97497dcb82a60715f51 Mon Sep 17 00:00:00 2001
From: nstoman
- Logo
+ 