Profile.vue
3.58 KB
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
34
35
36
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
78
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
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
<template>
<main class="landing-page">
<div class="container-fluid inner-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">
<a class="nav-link" href="#">Library</a>
</li>
</ul>
</div>
<div class="user-profile-photo">
<a href="#"><img src="../assets/images/user.png" /></a>
</div>
</nav><!-- menu wrapper -->
<div class="row profile-tab-spc-top">
<div class="col-sm-8 col-md-12 col-lg-8 col-xl-8">
<img src="../assets/images/user.png" class="inner-profile-ps" />
<div class="user-profile">
<h1>Vamsi Krishna <a href="#" class="tags">Maker</a></h1>
<ul class="joined-info">
<li><a href="#">Add your work</a> <img src="../assets/images/u-info-icon.png" /> <span></span></li>
<li><a href="#">34772 Karma</a> <span></span> </li>
<li><a href="#">Joined on july 2020</a></li>
</ul>
<p>Tell others a little about yourself</p>
</div>
</div><!-- user profile -->
<div class="col-sm-4 col-md-12 col-lg-4 col-xl-4">
<div class="list-style-group">
<p>Awards</p>
<ul class="list-style">
<li><a href="#"><img src="../assets/images/icon-1.png" /></a></li>
</ul>
</div><!-- list style -->
</div>
</div>
<div class="clearfix"></div>
<div class="row top-brd profile-tab-spc-top">
<div class="col-sm-8 col-md-8 col-lg-8 col-xl-8">
<ul class="profile-tab">
<li class="active"><a href="#">Case-studies(0)</a></li>
<li><a href="#">Comments/Replies(0)</a></li>
</ul>
</div>
<div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
<ul class="social-connects">
<li><span>Follow</span></li>
<li><a href="#" class="active"><img src="../assets/images/plus.png" /></a> <span class="connect-social-channel">Connect your social channels</span></li>
</ul>
</div>
</div><!-- tab style -->
<div class="profile-data-wrp">
<div class="container-fluid data-wrp">
<div class="row">
<div class="col-lg-12">
<div class="profile-buttons">
<a href="#" class="profile-sm-bt center-and-spc bt-active">Update Profile</a>
<a href="#" class="profile-md-bt center-and-spc">Explore Case-studies</a>
<a href="#" class="profile-lg-bt">Publish Your Case Study</a>
</div>
</div>
</div>
</div>
</div><!-- data wrp -->
<!-- body wrapper -->
</div>
</main>
</template>
<script>
import Vue from "vue";
import router from "../router";
import $ from "jquery";
export default {
name: "Profile",
data() {
return {
loggedinFlag: false,
};
},
mounted() {},
methods: {
login() {},
goToSignUp(){
this.$router.push("/signup");
},
goToReset() {
this.$router.push("/reset");
},
},
};
</script>