File: /var/www/vhost/disk-apps/demo.sports-crowd.com/resources/views/tickets/links.blade.php
<html>
<head>
<!-- RESPONSIVE THING -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- TITLE & DESCRIPTION -->
<title>{{ config('app.name') }}</title>
<!-- FAVICON -->
<link rel="icon" href="{{ config('filesystems.disks.s3.url') }}/public/logo.png" sizes="32x32">
<!-- FONTS -->
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900" rel="stylesheet">
<!-- STYLE -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
<!-- SCRIPTS AND STUFF -->
<style>
html {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
background: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body {
text-align: left;
margin: 0 auto;
padding: 0;
width: 100%;
max-width: 100%;
}
img {
max-width: 100%;
}
h1 {
font-size: 19px;
color: #333;
font-family: Montserrat, Helvetica, sans-serif;
font-weight: 600;
line-height: 1.4;
padding: 0;
margin: 0;
}
h2 {
font-size: 17px;
line-height: 1.4;
color: #333;
font-family: Montserrat, Helvetica, sans-serif;
font-weight: 400;
padding: 0;
margin: 0;
}
p {
font-size: 16px;
color: #333;
font-family: Montserrat, Helvetica, sans-serif;
font-weight: 600;
line-height: 1.4;
margin: 0;
padding: 0;
}
small {
font-size: 16px;
color: #333;
font-family: Montserrat, Helvetica, sans-serif;
font-weight: 400;
line-height: 1.4;
margin: 0;
padding: 0;
}
a {
font-family: Montserrat, Helvetica, sans-serif;
font-weight: 400;
text-decoration: none;
color: #777;
}
/* EDIT DESCRIPTION LINK COLOR */
a:hover {
color: #0d96e5;
}
.section {
width: 90%;
max-width: 600px;
position: relative;
margin: 0 auto;
background: #fff;
}
.social-spacing {
margin-left: 16px;
margin-right: 16px;
white-space: nowrap;
line-height: 1.5;
}
.clear {
clear: both;
}
.avy {
opacity: .95;
width: 96px;
height: 96px;
}
.avy:hover {
opacity: 1;
}
.round {
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
/* future proofing */
-khtml-border-radius: 50%;
/* for old Konqueror browsers */
-webkit-appearance: none;
}
/* EDIT LINK UNDERLINE COLOR */
.underline:hover {
border-bottom: 1px solid #0d96e5;
}
.preul {
border-bottom: 1px solid #eee;
}
.center-align {
text-align: center;
}
.white {
color: #fff;
}
.light-grey {
color: #ccc;
}
.divider {
border-bottom: 1px solid #eee;
}
/* EDIT BUTTON BACKGROUND COLOR */
.button {
background: #0d96e5;
opacity: .9;
padding: 20px;
margin: 10px auto;
}
.button:hover {
opacity: 1;
}
.padding-top-50 {
padding-top: 50px;
}
.padding-bottom-50 {
padding-bottom: 50px;
}
.padding-bottom-100 {
padding-bottom: 100px;
}
.padding-top-25 {
padding-top: 25px;
}
.padding-top-15 {
padding-top: 15px;
}
.container-data {
margin-top: 15px;
margin-bottom: 15px;
display: flex;
flex-direction: column;
}
@media (max-width: 768px) {}
</style>
</head>
<body cz-shortcut-listen="true">
<div class="section padding-top-50 padding-bottom-50 center-align">
<!-- EDIT ICON BELOW -->
<a href="https://dimoficial.com/"><img class="avy" src="{{ config('filesystems.disks.s3.url') }}/public/logo.png"></a>
<!-- EDIT NAME BELOW -->
<h1 class="padding-top-15">{{ config('app.name') }}</h1>
<!-- EDIT DESCRIPTION BELOW -->
<h2 class="padding-top-15">Recuerda que no debes compartir este código o enviar fotografías, a menos que desees ceder tu ingreso a alguien más. <br /> Gracias por seguir apoyando al Equipo.</h2>
<!-- EDIT SOCIAL ICONS BELOW -->
<div>
<p class="padding-top-50">
<a href="https://www.instagram.com/dimoficialcom/?hl=es-la" target="_blank" class="social-spacing"><i class="fab fa-instagram fa-2x"></i></a>
<a href="https://www.facebook.com/DIM.Oficial" target="_blank" class="social-spacing"><i class="fab fa-facebook fa-2x"></i></a>
<a href="https://twitter.com/DIM_Oficial?s=20" target="_blank" class="social-spacing"><i class="fab fa-twitter fa-2x"></i></a>
</p>
</div>
<div class="clear"></div>
</div>
<div class="center-align container-data">
<h1>{{ $match->name }}</h1>
<small>Tipo: {{ $ticket_type->name }} </small>
<small>Usuario: {{ $user->email }}</small>
<small>Total: {{ $total }}</small>
</div>
<div class="section padding-bottom-50 center-align">
<!-- EDIT BUTTONS BELOW -->
@foreach($links as $key => $l)
<a href="{{ $l }}" target="_blank">
<div class="button">
<p class="white">Pagina {{ $key + 1 }}</p>
</div>
</a>
@endforeach
<!-- HIDE BUTTONS TEMPORARILY BY ADDING THESE AROUND THE BUTTON LIKE BELOW -->
<div class="clear"></div>
</div>
<div class="section padding-bottom-100 center-align">
<!-- EDIT COPYRIGHT TEXT BELOW -->
<small><a href="https://dimoficial.com/" target="_blank">{{ config('app.name') }}</a></small>
</div>
</body>
</html>