viithiisys / spotlight-frontend

Blame view

src/components/SignUp.vue 3.61 KB
edit raw normal view history
988b5d20a   Digvijay Singh   new changes 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
 
  <template>
    <main class="landing-page">
        <div class="container-fluid main-wrp">
  
        
        <nav class="navbar navbar-expand-sm spotLight-nav">
          <a class="navbar-brand" href="#"><img src="../assets/images/logo.png" /></a>
          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample03" aria-controls="navbarsExample03" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
            <span class="navbar-toggler-icon"></span>
            <span class="navbar-toggler-icon"></span>
          </button>
        
          <div class="collapse navbar-collapse" id="navbarsExample03">
            <ul class="navbar-nav mr-auto">
              <li class="nav-item active">
                <a class="nav-link" href="#">About</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#">Masterclass</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#">Stories</a>
              </li>
              <li class="nav-item spotLight-img">
                <a class="nav-link" href="#"><img src="../assets/images/SPOTLight.svg" /></a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#">Library</a>
              </li>
            </ul>
          </div>
        </nav><!-- menu wrapper -->
de0f96bc5   Gurvinder Singh   new files 
34
 
        <div class="sign-wrp">
988b5d20a   Digvijay Singh   new changes 
35
 
        <div class="row col-reverse">
de0f96bc5   Gurvinder Singh   new files 
36
988b5d20a   Digvijay Singh   new changes 
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
 
          <div class="col-sm-3 col-md-1 col-lg-1 col-xl-3">
           
          </div><!-- users land image -->
          <div class="col-sm-5 col-md-6 col-lg-7 col-xl-4 wc-spc-lf-tp">
            <h1>Welcome to <br />
              Productgrowth</h1>
              <ul class="sign-in-up-list">
                <li><img src="../assets/images/check.svg" /><span>Connect & learn from fellow product enthusiasts</span></li>
                <li><img src="../assets/images/check.svg" /><span>Share & pickup deeper insights from real world products</span></li>
                <li><img src="../assets/images/check.svg" /><span>Access to XX Casestudies</span></li>
              </ul>
          </div><!-- users land image -->
          <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
  <div class="form-layout signup-frm-spc">
    <form>
     
      <h5>SignUp Using</h5>
      <div class="social-login">
        <ul>
          <li><a href="#"><img src="../assets/images/google.svg" /></a></li>
          <li><a href="#"><img src="../assets/images/linkdin.svg" /></a></li>
          <li><a href="#"><img src="../assets/images/twitter.svg" /></a></li>
        </ul>
      </div>
      <h5>or Signup with email</h5>
      <div class="fill-form">
      <label for="inputEmail" class="sr-only">Email address</label>
      <input type="email" id="inputEmail" class="form-control" placeholder="Your Email ID" required autofocus>
      <label for="inputPassword" class="sr-only">Password</label>
      <input type="password" id="inputPassword" class="form-control" placeholder="Password" required>
   
      <button class="btn btn-lg sb-button" type="submit"><img src="../assets/images/user-plus.svg" /> Create Account</button>
      <p class="">
        By signing up I agree to the <a href="#">Privacy Policy</a> and <a href="#">Terms of Service</a>
      </p>
      <h3>Have an account? <a @click="goToLogin">Login</a></h3>
    </div>
    </form>
  </div>
  
          </div><!-- sign up -->
de0f96bc5   Gurvinder Singh   new files 
78
 
          </div>
988b5d20a   Digvijay Singh   new changes 
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
 
        </div>
        <!-- body wrapper -->
      </div>
    </main>
  </template>
  
  <script>
  
  import Vue from "vue";
  import router from "../router";
  
  export default {
    name: "SignUp",
  
    data() {
      return {
      };
    },
    mounted() {},
    methods: {
        goToLogin(){
        this.$router.push("/");
  
        }
    },
  };
  </script>