-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpersonal_skills.html
110 lines (87 loc) · 4.67 KB
/
personal_skills.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>Personal Info Here</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
<link href="css/humans_in_tech.css" rel="stylesheet">
<link href="css/humans_in_tech_custom.css" rel="stylesheet">
</head>
<body>
<nav class="top_nav">
<section class="nav_container">
<div class="brand">
<a href="landing.html">Humans in tech</a>
</div>
<div class="menu text-right">
<ul>
<li class="menu_item"><a href="discover.html">Discover <span class="hidden-xs">Humans <i class="fas fa-users ml-1"></i></span></a></li>
<li class="menu_item">
<a href="#" class="dropdown-toggle" id="topNavDropdown">Menu </a>
<div class="droppingDownMenu" style="display: none;">
<a href="#"class="active" >
Edit information <i class="fas fa-pencil-alt ml-1"></i>
</a>
<a href="#">Profile <i class="fas fa-user ml-1"></i></a>
<a href="#">Messages <i class="fas fa-comment ml-1"></i></a>
<a href="#">Consultations <i class="fas fa-dollar-sign ml-1"></i></a>
<a href="#">Contributions <i class="fas fa-project-diagram ml-1"></i></a>
<a href="#">Group tags <i class="fas fa-hashtag ml-1"></i></a>
<a href="#">Stats <i class="fas fa-chart-line ml-1"></i></a>
<a href="#">Settings <i class="fas fa-cog ml-1"></i></a>
<a href="#">Signout <i class="fas fa-sign-out-alt ml-1"></i></a>
</div>
</li>
</ul>
</div>
</section>
</nav>
<section class="container">
<div class="edit_list">
<form action="personal_social.html">
<label class="form_labels">Skills</label>
<span class="bread_crumb mb-5">
<a href="edit.html">Edit profile</a> Skills
</span>
<fieldset class="form-group">
<label for="" class="input_label">Skills- separate with comma <span class="ml-2 why" data-toggle="modal" data-target="#profession"><i class="fas fa-question-circle"></i><span></label>
<textarea class="form-control mb-2" id="exampleTextarea" rows="6" placeholder="Skill, skill, skill, skill"></textarea>
</fieldset>
<button type="submit" class="btn btn-primary btn-block btn-lg custom">Save about me <i class="fas fa-arrow-right ml-2"></i></button>
</form>
</div>
</section>
<!-- Aboutme -->
<div class="modal fade" id="profession" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-body">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
<label class="form_labels mb-4">About me</label>
<p class="m-0">
Remember people want to know who you are, so be original, honest and open about yourself. <br><br>
You can also tell some inspiring story from your life experiences. A story may possess more power to hold a reader’s attention than general information. <br><br>
Don’t create very long About Me pages. The readers avoid the pages that hold long and detailed content. So the moment it starts to get boring and uninteresting, write the ending lines.
</p>
</div>
</div>
</div>
</div>
<!-- Bootstrap core JavaScript ================================================== -->
<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>
$("#topNavDropdown").click(function(event) {
event.preventDefault();
event.stopPropagation();
$(this).toggleClass('active');
$(".droppingDownMenu").toggle();
});
</script>
</body>
</html>