Blame view
src/components/Profile.vue
3.58 KB
f06677bfc
profile screen added
|
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>
|