-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathactor.html
119 lines (109 loc) · 4.41 KB
/
actor.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
<!doctype html>
<html lang="es">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, user-scalable=no">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:300,400,700,900">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css">
<link rel="stylesheet" href="css/hamburgers.min.css">
<title>HotGo - <%= htmlWebpackPlugin.options.title %></title>
</head>
<body>
<div class="overlay"></div>
<div class="wrapper">
<!-- Top navbar -->
<nav class="navbar sticky-top navbar-dark bg-black p-3 mb-3">
<button class="hamburger hamburger--collapse mr-2" type="button" id="dismiss">
<span class="hamburger-box">
<span class="hamburger-inner"></span>
</span>
</button>
<a class="navbar-brand mr-auto" href="#">
<img id="navbar-logo" class="mx-auto d-block" alt="HotGo">
</a>
<a class="btn btn-sm btn-outline-light ml-3" href="#" role="button">INGRESAR</a>
</nav>
<!-- Sidebar mobile -->
<nav id="sidebar">
<div class="col p-3">
<a href="#" class="btn btn-outline-danger btn-block btn-sm" role="button">CONTRATAR AHORA</a>
<hr class="hr-light mb-0">
</div>
<div class="col p-0">
<h3 class="px-3 pb-3">Categorías</h3>
<ul class="list-unstyled" id="category-list">
<li><a href="#">Acabadas</a></li>
</ul>
</div>
</nav>
<!-- Main content -->
<main class="container">
<div class="row">
<!-- Sidebar desktop -->
<div class="col-md-3 pr-0 d-none d-md-block">
<ul class="list-group" id="category-list-lg">
<a href="#" class="list-group-item list-group-item-action">Acabadas</a>
</ul>
</div>
<!-- Video list -->
<div class="col-sm-12 col-md-9">
<!-- Actor details -->
<div class="row">
<div class="col-auto">
<img class="img-fluid mb-3" id="actor-thumb">
</div>
<div class="col col-md-8 pl-0">
<div class="row align-items-end">
<div class="col-12">
<h4>Mia Malkova</h4>
</div>
<div class="col-12">
<div class="rating-container my-2">
<i class="fas fa-star fa-sm text-danger"></i>
<i class="fas fa-star fa-sm text-danger"></i>
<i class="fas fa-star fa-sm text-danger"></i>
<i class="fas fa-star fa-sm text-danger"></i>
<i class="fas fa-star fa-sm"></i>
</div>
</div>
<div class="col-12">
<p>
<b>Sexo:</b> Femenino<br>
<b>Edad:</b> 29<br>
<b>Medidas:</b> 90 x 60 x 90<br>
<b>País:</b> Estados Unidos<br>
<b>Estado:</b> Soltera<br>
</p>
</div>
</div>
</div>
<div class="col-12">
<p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
</div>
<div class="row">
<div class="col">
<hr class="hr-light">
</div>
</div>
<div class="row" id="video-list"></div>
</div>
</div>
</main>
<!-- Footer -->
<footer class="mt-5 p-5">
<div class="container">
<div class="row">
<div class="col">
<small>Links</small>
</div>
</div>
</div>
</footer>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
</body>
</html>