Muhammad Irvine Fidellio Maiza_185150301111045
unknown
plain_text
4 years ago
5.0 kB
3
Indexable
<!doctype html>
<html>
<head>
<meta charset='utf-8'>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<title>Tugas PemWeb</title>
<link href='https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css' rel='stylesheet'>
<link href='https://cdnjs.cloudflare.com/ajax/libs/MaterialDesign-Webfont/3.6.95/css/materialdesignicons.css' rel='stylesheet'>
<style>body {
background-color: #ffffff
}
.padding {
padding: 3rem !important
}
.user-card-full {
overflow: hidden
}
.card {
border-radius: 5px;
-webkit-box-shadow: 0 1px 20px 0 rgba(69, 90, 100, 0.08);
box-shadow: 0 1px 20px 0 rgba(69, 90, 100, 0.08);
border: none;
margin-bottom: 30px
}
.m-r-0 {
margin-right: 0px
}
.m-l-0 {
margin-left: 0px
}
.user-card-full .user-profile {
border-radius: 5px 0 0 5px
}
.bg-c-lite-green {
background: -webkit-gradient(linear, left top, right top, from(#f29263), to(#ee5a6f));
background: linear-gradient(to right, #ee5a6f, #f29263)
}
.user-profile {
padding: 20px 0
}
.card-block {
padding: 1.25rem
}
.m-b-25 {
margin-bottom: 25px
}
.img-radius {
border-radius: 5px
}
h6 {
font-size: 14px
}
.card .card-block p {
line-height: 25px
}
@media only screen and (min-width: 1400px) {
p {
font-size: 14px
}
}
.card-block {
padding: 1.25rem
}
.b-b-default {
border-bottom: 1px solid #e0e0e0
}
.m-b-20 {
margin-bottom: 20px
}
.p-b-5 {
padding-bottom: 5px
}
.card .card-block p {
line-height: 25px
}
.m-b-10 {
margin-bottom: 10px
}
.text-muted {
color: #919aa3
}
.b-b-default {
border-bottom: 1px solid #e0e0e0
}
.f-w-600 {
font-weight: 600
}
.m-b-20 {
margin-bottom: 20px
}
.m-t-40 {
margin-top: 20px
}
.p-b-5 {
padding-bottom: 5px
}
.m-b-10 {
margin-bottom: 10px
}
.m-t-40 {
margin-top: 20px
}
}</style>
<script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>
<script type='text/javascript' src='https://stackpath.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.bundle.min.js'></script>
<script type='text/javascript'></script>
</head>
<body oncontextmenu='return false' class='snippet-body'>
<div class="page-content page-container" id="page-content">
<div class="padding">
<div class="row container d-flex justify-content-center">
<div class="col-xl-6 col-md-12">
<div class="card user-card-full">
<div class="row m-l-0 m-r-0">
<div class="col-sm-4 bg-c-lite-green user-profile">
<div class="card-block text-center text-white">
<h6 class="f-w-600">Muhammad Irvine Fidellio Maiza</h6>
<p>18515030111045</p>
</div>
</div>
<div class="col-sm-8">
<div class="card-block">
<h6 class="m-b-20 p-b-5 b-b-default f-w-600">Profil Mahasiswa</h6>
<div class="row">
<div class="col-sm-6">
<p class="m-b-10 f-w-600">NIM</p>
<h6 class="text-muted f-w-400">185150301111045</h6>
</div>
<div class="col-sm-6">
<p class="m-b-10 f-w-600">Tempat, Tangal Lahir</p>
<h6 class="text-muted f-w-400">Bandung, 09 November 2000</h6>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<p class="m-b-10 f-w-600">Agama</p>
<h6 class="text-muted f-w-400">Islam</h6>
</div>
<div class="col-sm-6">
<p class="m-b-10 f-w-600">Alamat</p>
<h6 class="text-muted f-w-400">Jl. Vanda VII No. 10</h6>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>Editor is loading...