-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathknowledge-base.html
179 lines (178 loc) · 7.42 KB
/
knowledge-base.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
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Knowledge Base, by Mauricio M.</title>
<!-- Bootstrap CSS -->
<link
rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
/>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<a class="navbar-brand" href="#">Mauricio M.</a>
<button
class="navbar-toggler"
type="button"
data-toggle="collapse"
data-target="#navbarNav"
aria-controls="navbarNav"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#projects">Projects</a>
</li>
<li class="nav-item">
<a
class="nav-link"
href="mailto:[email protected]"
>Email</a
>
</li>
</ul>
</div>
</nav>
<div>
<!-- Header Image and Introduction -->
<header class="jumbotron text-center">
<h1 id="about" class="display-4">Knowledge Base</h1>
<p class="lead">
vLex is a search engine for legal documents. It's popular
with law schools in both Spanish and English-speaking
countries.
</p>
<p class="lead">
In 2021, I supported the renovation of their
<a
href="https://support.vlex.com/"
rel="noopener noreferrer"
>Knowledge Base</a
>.
</p>
<p class="lead">
The base material was an outdated feature-based manual. I
proposed to add user-friendly approach that can still be
seen in the "Getting started" and the "How-to guides"
sections.
</p>
<p class="lead">
❗I have not been part of this project for a couple of years
now, and it has evolved on its own. I was not involved in
the creation of the videos, but the ideas I proposed can
still be seen throughout the knowledge base.
</p>
</header>
<div class="knowledge-base">
<div
class="container"
style="max-width: 80%; margin-left: 10%; margin-right: 10%"
>
<p class="lead">The best portfolio is a live product.</p>
</div>
<div class="container">
<a
href="https://support.vlex.com/"
rel="noopener noreferrer"
><img
class="shadowed-image"
src="images/vLex.png"
style="
max-width: 80%;
margin-left: 10%;
margin-right: 10%;
"
/></a>
</div>
<hr />
</div>
</div>
<!-- Grid of Options -->
<div id="projects" class="container">
<h2>Other Projects</h2>
</div>
<div id="projects" class="container">
<div class="row">
<div class="col-md-4">
<div class="card mb-4 shadow-sm">
<img
src="images/rigidbody.gif"
class="card-img-top"
alt="Project 1"
/>
<div class="card-body">
<h5 class="card-title">Learning object</h5>
<p class="card-text">
Objective: Introduce and support a live session
about technical topics.
</p>
<p>Format: Video, text.</p>
<a
href="learning-object.html"
class="btn btn-primary"
>View Project</a
>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card mb-4 shadow-sm">
<img
src="images/vlexkb.png"
class="card-img-top"
alt="Project 2"
/>
<div class="card-body">
<h5 class="card-title">Knowledge base</h5>
<p class="card-text">
Objective: Update the knowledge base with a
user-friendly approach.
</p>
<p>Format: Text, images.</p>
<a
href="knowledge-base.html"
class="btn btn-primary"
>View Project</a
>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card mb-4 shadow-sm">
<img
src="images/unpoquito.png"
class="card-img-top"
alt="Project 3"
/>
<div class="card-body">
<h5 class="card-title">Edutainment</h5>
<p class="card-text">
Objective: Entertaining learning experience with
authentic material.
</p>
<p>Format: Text.</p>
<a href="edutainment.html" class="btn btn-primary"
>View Project</a
>
</div>
</div>
</div>
</div>
</div>
<!-- Bootstrap JS, Popper.js, and jQuery -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>