-
Notifications
You must be signed in to change notification settings - Fork 31
/
Copy pathviewProfile_testing.html
131 lines (114 loc) · 5.83 KB
/
viewProfile_testing.html
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
124
125
126
127
128
129
130
131
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Skill Board | PCCOE</title>
<link rel="stylesheet" href="./css/main.css">
<link rel="stylesheet" href="./css/profile.css">
<link rel="icon" href="./assets/images/favicon.png" type="image/png">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<!-- FONT AWESOME -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css"integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous" />
<script src="./js/reloadOnBack.js"></script>
</head>
<body>
<!--THIS IS THE PURPLE LINE YOU SEE AT THE TOP-->
<div class="headerLine">
</div>
<!---------------------------------------->
<div class="container-fluid">
<div class="row">
<div class="col-12 col-lg-4 leftSide" style="padding: 20px 40px;">
<div class="leftSideWrapper">
<img class="profileImg" src="https://cdn0.iconfinder.com/data/icons/social-media-network-4/48/male_avatar-512.png"/>
<div class="centerElem">
<h2>Amit Shah</h2>
<button class="btn" style="margin-top: 15px; background-color: rgb(77, 255, 77); padding: 10px 20px;">
Download Full Resume
</button>
</div>
<div class="socialsList" style="margin: 60px 0;">
<div class="row">
<div class="col">
<span class="boldElem">College</span> <br>
<span class="boldElem">Department</span> <br>
<span class="boldElem">Year</span> <br>
<span class="boldElem">Division</span> <br>
<span class="boldElem">Roll No.</span> <br>
</div>
<div class="col">
PCCOE <br>
Computer <br>
TE <br>
B <br>
TECOB215
</div>
</div>
</div>
<div class="socialsList">
<div class="row">
<div class="col">
<span class="boldElem">Email</span> <br>
<hr>
<span class="boldElem">Phone</span> <br>
9552531830
<hr>
<span class="boldElem">LinkedIn</span> <br>
<a href="#">View Profile</a>
<hr>
<span class="boldElem">Github</span> <br>
<a href="#">View Profile</a>
</div>
</div>
</div>
<div class="bio">
<h5>Bio :</h5>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis laboriosam corrupti, aperiam sed nisi accusamus vel nobis illo harum ut nihil, voluptatum totam eaque modi accusantium dicta quia quisquam reprehenderit.
</div>
</div>
</div>
<div class="col-12 col-lg-8" style="padding: 0;">
<div class="rightSideWrapper">
<div class="skillsRight">
<div class="skillCard">
<h5>Primary Skill</h5>
Machine Learning
</div>
<div class="skillCard">
<h5>Secondary Skill</h5>
Web Developement
</div>
<div class="skillCard">
<h5>Other Skills</h5>
Android <br>
Javascript <br>
Python <br>
NLP <br>
</div>
<div class="skillCard">
<h5>CGPA</h5>
9.4
</div>
<div class="skillCard">
<h5>Languages</h5>
English <br>
Hindi <br>
Marathi <br>
</div>
</div>
</div>
</div>
</div>
<!--NECESSARY SCRIPTS-->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
<script src="https://unpkg.com/[email protected]/dist/ionicons.js"></script>
<script src="./js/main.js"></script>
<script src="./js/profile.js"></script>
<script src="./js/profileActions.js"></script>
<script src="bunts.js"></script>
</body>
</html>