Commit 75990a4d960a90d2bb2448246fcc069c061e5377
1 parent
298fff2525
Exists in
master
and in
1 other branch
insight added
Showing
2 changed files
with
137 additions
and
0 deletions
Show diff stats
src/components/Insight.vue
| File was created | 1 | <template> | |
| 2 | <main class="landing-page"> | ||
| 3 | <div class="container-fluid main-wrp"> | ||
| 4 | <nav class="navbar navbar-expand-sm spotLight-nav"> | ||
| 5 | <a class="navbar-brand" href="#" | ||
| 6 | ><img src="../assets/images/logo.png" | ||
| 7 | /></a> | ||
| 8 | <button | ||
| 9 | class="navbar-toggler" | ||
| 10 | type="button" | ||
| 11 | data-toggle="collapse" | ||
| 12 | data-target="#navbarsExample03" | ||
| 13 | aria-controls="navbarsExample03" | ||
| 14 | aria-expanded="false" | ||
| 15 | aria-label="Toggle navigation" | ||
| 16 | > | ||
| 17 | <span class="navbar-toggler-icon"></span> | ||
| 18 | <span class="navbar-toggler-icon"></span> | ||
| 19 | <span class="navbar-toggler-icon"></span> | ||
| 20 | </button> | ||
| 21 | |||
| 22 | <div class="collapse navbar-collapse" id="navbarsExample03"> | ||
| 23 | <ul class="navbar-nav mr-auto"> | ||
| 24 | <li class="nav-item active"> | ||
| 25 | <a class="nav-link" href="#">About</a> | ||
| 26 | </li> | ||
| 27 | <li class="nav-item"> | ||
| 28 | <a class="nav-link" href="#">Masterclass</a> | ||
| 29 | </li> | ||
| 30 | <li class="nav-item"> | ||
| 31 | <a class="nav-link" href="#">Stories</a> | ||
| 32 | </li> | ||
| 33 | <li class="nav-item spotLight-img"> | ||
| 34 | <a class="nav-link" href="#" | ||
| 35 | ><img src="../assets/images/SPOTLight.svg" | ||
| 36 | /></a> | ||
| 37 | </li> | ||
| 38 | <li class="nav-item"> | ||
| 39 | <a class="nav-link" href="#">Library</a> | ||
| 40 | </li> | ||
| 41 | </ul> | ||
| 42 | </div> | ||
| 43 | </nav> | ||
| 44 | <!-- menu wrapper --> | ||
| 45 | <div class="row col-reverse"> | ||
| 46 | <div class="col-sm-3 col-md-1 col-lg-1 col-xl-3"></div> | ||
| 47 | <!-- users land image --> | ||
| 48 | <div class="col-sm-5 col-md-6 col-lg-7 col-xl-4 wc-spc-lf-tp"> | ||
| 49 | <h1> | ||
| 50 | Welcome to <br /> | ||
| 51 | Productgrowth | ||
| 52 | </h1> | ||
| 53 | <ul class="sign-in-up-list"> | ||
| 54 | <li> | ||
| 55 | <img src="../assets/images/check.svg" /><span | ||
| 56 | >Connect & learn from fellow product enthusiasts</span | ||
| 57 | > | ||
| 58 | </li> | ||
| 59 | <li> | ||
| 60 | <img src="../assets/images/check.svg" /><span | ||
| 61 | >Share & pickup deeper insights from real world products</span | ||
| 62 | > | ||
| 63 | </li> | ||
| 64 | <li> | ||
| 65 | <img src="../assets/images/check.svg" /><span | ||
| 66 | >Access to XX Casestudies</span | ||
| 67 | > | ||
| 68 | </li> | ||
| 69 | </ul> | ||
| 70 | </div> | ||
| 71 | <!-- users land image --> | ||
| 72 | <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4"> | ||
| 73 | <div class="form-layout signup-frm-spc"> | ||
| 74 | <form class="reset-pass-spc"> | ||
| 75 | <h5> | ||
| 76 | Forgot password? Enter your e-Mail ID<br /> | ||
| 77 | to retrive | ||
| 78 | </h5> | ||
| 79 | <div class="fill-form"> | ||
| 80 | <label for="inputEmail" class="sr-only">Email address</label> | ||
| 81 | <input | ||
| 82 | type="email" | ||
| 83 | id="inputEmail" | ||
| 84 | class="form-control" | ||
| 85 | placeholder="Your Email ID" | ||
| 86 | required | ||
| 87 | autofocus | ||
| 88 | /> | ||
| 89 | |||
| 90 | <button class="btn btn-lg sb-button" type="submit"> | ||
| 91 | <img src="../assets/images/key.svg" /> Reset Password | ||
| 92 | </button> | ||
| 93 | |||
| 94 | <h3 class="go-back"> | ||
| 95 | <span>Go back to </span><a @click="goToLogin">Login</a><span> / </span | ||
| 96 | ><a @click="goToSignUp">SignUp</a> | ||
| 97 | </h3> | ||
| 98 | </div> | ||
| 99 | </form> | ||
| 100 | </div> | ||
| 101 | </div> | ||
| 102 | <!-- sign up --> | ||
| 103 | </div> | ||
| 104 | <!-- body wrapper --> | ||
| 105 | </div> | ||
| 106 | <!-- main wrapper --> | ||
| 107 | </main> | ||
| 108 | </template> | ||
| 109 | |||
| 110 | <script> | ||
| 111 | import Vue from "vue"; | ||
| 112 | import router from "../router"; | ||
| 113 | |||
| 114 | export default { | ||
| 115 | name: "Insight", | ||
| 116 | |||
| 117 | data() { | ||
| 118 | return {}; | ||
| 119 | }, | ||
| 120 | mounted() {}, | ||
| 121 | methods: { | ||
| 122 | goToLogin() { | ||
| 123 | this.$router.push("/"); | ||
| 124 | }, | ||
| 125 | goToSignUp() { | ||
| 126 | this.$router.push("/signup"); | ||
| 127 | }, | ||
| 128 | |||
| 129 | }, | ||
| 130 | }; | ||
| 131 | </script> | ||
| 132 |
src/router/index.js
| 1 | import Vue from 'vue' | 1 | import Vue from 'vue' |
| 2 | import Router from 'vue-router' | 2 | import Router from 'vue-router' |
| 3 | import { authGuard } from "../auth/authGuard" | 3 | import { authGuard } from "../auth/authGuard" |
| 4 | import LandingPage from '@/components/LandingPage' | 4 | import LandingPage from '@/components/LandingPage' |
| 5 | import SignUp from '@/components/SignUp' | 5 | import SignUp from '@/components/SignUp' |
| 6 | import Reset from '@/components/Reset' | 6 | import Reset from '@/components/Reset' |
| 7 | import Profile from '@/components/Profile' | 7 | import Profile from '@/components/Profile' |
| 8 | import welcome from '@/components/welcome' | 8 | import welcome from '@/components/welcome' |
| 9 | import Intermediate from '@/components/Intermediate' | 9 | import Intermediate from '@/components/Intermediate' |
| 10 | import Insight from '@/components/Insight' | ||
| 10 | 11 | ||
| 11 | import router from '../router' | 12 | import router from '../router' |
| 12 | Vue.use(Router) | 13 | Vue.use(Router) |
| 13 | 14 | ||
| 14 | export default new Router({ | 15 | export default new Router({ |
| 15 | mode: 'history', | 16 | mode: 'history', |
| 16 | routes: [{ | 17 | routes: [{ |
| 17 | path: '/', | 18 | path: '/', |
| 18 | name: 'LandingPage', | 19 | name: 'LandingPage', |
| 19 | component: LandingPage, | 20 | component: LandingPage, |
| 20 | // beforeEnter: function(to, from, next) { | 21 | // beforeEnter: function(to, from, next) { |
| 21 | // var userdata = localStorage.getItem('spotlight_usertoken') | 22 | // var userdata = localStorage.getItem('spotlight_usertoken') |
| 22 | // if (userdata) { | 23 | // if (userdata) { |
| 23 | // router.push({ name: 'Welcome' }) | 24 | // router.push({ name: 'Welcome' }) |
| 24 | // } | 25 | // } |
| 25 | // next() | 26 | // next() |
| 26 | // } | 27 | // } |
| 27 | }, | 28 | }, |
| 28 | { | 29 | { |
| 29 | path: '/signup', | 30 | path: '/signup', |
| 30 | name: 'SignUp', | 31 | name: 'SignUp', |
| 31 | component: SignUp, | 32 | component: SignUp, |
| 32 | }, | 33 | }, |
| 33 | { | 34 | { |
| 34 | path: '/intermediate', | 35 | path: '/intermediate', |
| 35 | name: 'Intermediate', | 36 | name: 'Intermediate', |
| 36 | component: Intermediate | 37 | component: Intermediate |
| 37 | }, | 38 | }, |
| 38 | { | 39 | { |
| 39 | path: '/reset', | 40 | path: '/reset', |
| 40 | name: 'Reset', | 41 | name: 'Reset', |
| 41 | component: Reset, | 42 | component: Reset, |
| 42 | }, | 43 | }, |
| 43 | { | 44 | { |
| 44 | path: '/profile', | 45 | path: '/profile', |
| 45 | name: 'Profile', | 46 | name: 'Profile', |
| 46 | component: Profile, | 47 | component: Profile, |
| 48 | }, | ||
| 49 | { | ||
| 50 | path: '/insight', | ||
| 51 | name: 'Insight', | ||
| 52 | component: Insight, | ||
| 47 | } | 53 | } |
| 48 | 54 | ||
| 49 | ], | 55 | ], |
| 50 | scrollBehavior(to, from, savedPosition) { | 56 | scrollBehavior(to, from, savedPosition) { |
| 51 | this.seen = false | 57 | this.seen = false |
| 52 | return { x: 0, y: 0 } | 58 | return { x: 0, y: 0 } |
| 53 | } | 59 | } |
| 54 | }) | 60 | }) |