- ID de l'analyse :
- 15705af5-3ce3-4f20-b2ac-a05f36df961bTerminée
- URL soumise :
- https://user-fh9dhl.jpferibet.com/exp2/
- Fin du rapport :
Liens : 0 trouvé(s)
Liens sortants identifiés à partir de la page
Variables JavaScript : 7 trouvée(s)
Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel
| Nom | Type |
|---|---|
| 0 | object |
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| uidEvent | number |
| bootstrap | object |
| toggleFunction | function |
Messages de journal de console : 0 trouvé(s)
Messages consignés dans la console web
HTML
Le corps HTML de la page en données brutes
<!DOCTYPE html><html><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Wynsure . Reliable and Efficient Last Mile Delivery</title>
<meta property="og:title" content="Wynsure . Reliable and Efficient Last Mile Delivery">
<meta property="og:image" content="uploads/07_10_2024/Delivery-of-goods-4f017-2.jpg">
<meta property="og:description" content="At Wynsure, we specialize in providing seamless logistics solutions, focusing on efficient last mile delivery. Our mission is...">
<meta name="description" content="At Wynsure, we specialize in providing seamless logistics solutions, focusing on efficient last mile delivery. Our mission is...">
<meta name="twitter:title" content="Wynsure . Reliable and Efficient Last Mile Delivery">
<meta name="twitter:image:src" content="uploads/07_10_2024/Delivery-of-goods-4f017-2.jpg">
<link rel="stylesheet" href="folder/style-folder/bootstrap.css">
<script src="folder/style-folder/bootstrap.js"></script>
<link rel="stylesheet" href="folder/style-folder/bootstrap-icons.css">
<link rel="stylesheet" href="folder/style-folder/buttons.css">
<link rel="shortcut icon" href="logocraft.svg" type="image/x-icon">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
<link rel="shortcut icon" href="logocraft.svg" type="image/x-icon">
<link href="https://fonts.googleapis.com/css2?family=Teko:[email protected]&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Zen+Tokyo+Zoo&display=swap" rel="stylesheet">
<style>
:root {
--accent-color: #0b4dea;
--bg-accent-color: #b8cbfa;
--bg-gray: #f2f2f2;
--footer-bg-color: #1d1d1d;
--hover: #bdb7b7;
--white: #fff;
--black: #000000;
--transition: all 300ms linear;
--margin20: 22px;
--margin30: 26px;
--margin40-50: 40px;
}
*, *::before, *::after {
margin: 0;
padding: 0;
border: none;
box-sizing: border-box;
}
html, body {
height: 100%;
min-width: 320px;
}
body {
font-family: 'Teko', sans-serif !important;
line-height: 1.6;
background-color: #ffffff;
color: #010101;
overflow-x: hidden
}
img {
display: block;
max-width: 100%;
height: auto;
}
.section {
padding: 60px 0;
}
@media (min-width: 768px) {
.section {
padding: 90px 0;
}
}
h1 {
font-family: 'Zen Tokyo Zoo', sans-serif;
font-size: 1.55rem;
font-weight: 700;
line-height: 1.2;
text-transform: initial;
}
h2, h3, h4, h5 {
font-family: 'Zen Tokyo Zoo', sans-serif;
font-weight: 700;
text-transform: uppercase
}
h2 {
font-size: 1.8rem;
margin-bottom: var(--margin30);
text-align: center;
}
@media (min-width: 576px) {
h1 {
font-size: 2rem;
}
h2 {
font-size: 2.25rem;
}
}
h3 {
font-size: 1.25rem;
}
a {
text-decoration: none;
color: inherit;
transition: var(--transition);
}
a:hover,
a:focus {
color: var(--hover)
}
.header213 {
position: relative;
border-bottom: 1px solid #ececec;
}
.logo213 {
display: flex;
flex-wrap: wrap;
align-items: center;
font-size: 1rem;
color: var(--black);
flex-wrap: wrap;
margin-right: 0;
}
.logo213:hover {
color: var(--accent-color);
}
.logo-img213 {
height: 45px;
margin-right: 6px;
}
@media (min-width: 480px) {
.logo213 {
font-size: 1.15rem;
}
.logo-img213 {
height: 62px;
}
}
@media (max-width: 767px) {
.header__logo213 {
padding-top: 16px;
padding-bottom: 16px;
}
}
@media (min-width: 768px) {
.header__logo213 {
margin-right: 88px;
}
}
@media (min-width: 1200px) {
.header__logo213 {
margin-right: 93px;
}
}
.header__nav213 {
display: flex;
align-items: center;
justify-content: space-between;
}
.menu-btn213 {
display: inline-block;
width: 40px;
height: 40px;
margin: 0;
padding: 0;
border: none;
fill: var(--black);
background-color: transparent;
transition: var(--transition);
}
.menu-btn213:hover,
.menu-btn213:focus {
fill: var(--accent-color);
}
@media (min-width: 768px) {
.menu-btn213 {
display: none;
}
}
.backdrop213 {
position: fixed;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 100vw;
height: 100vh;
background-color: rgba(0, 0, 0, 0.2);
opacity: 1;
visibility: visible;
pointer-events: initial;
overflow-y: scroll;
transition: var(--transition);
}
.backdrop213.is-hidden {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
@media (max-width: 500px) {
.menu-container213 {
max-width: 320px;
}
}
@media (max-width: 767px) {
.menu-container213 {
position: fixed;
top: 0;
left: 0;
display: none;
height: 100vh;
padding: var(--margin20);
width: 368px;
background-color:
var(--black);
}
.menu-container213.is-open {
display: flex;
flex-direction: column;
z-index: 5;
}
}
@media (min-width: 768px) {
.menu-container213 {
display: flex;
align-items: center;
}
}
.menu__close-btn213 {
margin-left: auto;
background-color: transparent;
transition: var(--transition);
}
@media (min-width: 768px) {
.menu__close-btn213 {
display: none;
}
}
.menu__icon-close213 {
fill: var(--white);
transition: var(--transition);
}
.menu__icon-close213:hover {
fill: var(--accent-color);
}
.header__list213 {
list-style: none;
padding: 6px;
margin-top: var(--margin20);
margin-bottom: 0;
}
@media (min-width: 768px) {
.header__list213 {
display: flex;
padding: 0;
margin-top: 0;
}
}
.header__item213 {
text-align: center;
}
@media (max-width: 767px) {
.header__item213:not(:last-child) {
margin-bottom: 25px;
}
}
@media (min-width: 768px) {
.header__item213 {
text-align: start;
}
}
.header__link213 {
display: block;
font-weight: 500;
font-size: 1.1rem;
line-height: 1.17;
color: var(--white);
transition: var(--transition);
}
@media (min-width: 768px) {
.header__link213 {
position: relative;
padding: 30px 10px;
font-size: 14px;
line-height: 1.14;
color: var(--black);
}
}
.active213 {
font-weight: 700;
}
.active213:after {
position: absolute;
left: 0;
bottom: -1px;
content: "";
display: block;
width: 100%;
height: 4px;
border-radius: 2px;
background-color: var(--accent-color);
}
.hero213 {
background-image: linear-gradient(rgb(255 255 255 / 0%), rgb(0 0 0 / 57%), rgb(0 0 0 / 93%)), url(static/images/bg_2024-10-07_08-43-270.webp);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.hero__box213 {
position: relative;
text-align: center;
}
.hero__title213 {
padding: 80px 0 160px 0;
margin-bottom: 0;
color: var(--white);
}
@media (min-width: 768px) {
.hero__title213 {
padding: 220px 0 260px 0;
margin-top: 0;
}
}
.phone-btn-box213 {
width: 80%;
position: absolute;
bottom: 40px;
left: 50%;
transform: translateX(-50%);
}
@media (min-width: 480px) {
.phone-btn-box213 {
width: 55%;
}
}
@media (min-width: 768px) {
.phone-btn-box213 {
width: fit-content;
bottom: 115px;
}
}
.phone-btn-box213 a {
width: 100%;
font-size: 18px
}
.about {
background-color: var(--accent-color);
}
.about-row213 {
flex-direction: column;
row-gap: 50px;
color: var(--white)
}
.about-content213 {
flex: 1;
text-align: center;
}
@media (min-width: 768px) {
.about-content213 {
padding: 0 20px;
}
}
.how-work213 {
display: flex;
flex: 1;
align-items: center;
padding: 0 20px;
}
@media (min-width: 768px) {
.about-row213.flex-md-row .how-work213 {
border-left: 2px solid white;
}
.about-row213.flex-md-row-reverse .how-work213 {
border-right: 2px solid white;
}
.about-row213.flex-md-column .how-work213{
margin-top: 30px;
}
}
.how-work__list213 {
padding-left: 0;
margin-bottom: 0;
flex-direction: column;
gap: 40px;
}
@media (min-width: 768px) {
.about-row213.flex-md-column .how-work__list213 {
flex-direction: row;
}
}
.how-work__item213 {
flex-direction: column;
align-items: center;
gap: 10px;
transition: var(--transition);
color: var(--hover);
}
.how-work__item213:hover {
color: var(--white);
}
@media (min-width: 768px) {
.how-work__item213 {
color: var(--white);
gap: 15px;
}
.how-work__item213:hover {
color: var(--hover);
}
.about-row213.flex-md-row-reverse .how-work__item213 {
flex-direction: row;
}
.about-row213.flex-md-row .how-work__item213 {
flex-direction: row;
}
.about-row213.flex-md-column .how-work__item213 {
flex-direction: column;
flex: 1;
}
}
.how-work__svg213 {
width: 40px;
height: 40px;
fill: var(--white);
transition: var(--transition);
}
.how-work__item213:hover .how-work__svg213 {
fill: var(--hover);
}
.how-work__text213 {
text-align: center;
}
@media (min-width: 768px) {
.how-work__text213 {
text-align: left;
}
.about-row213.flex-md-column .how-work__text213{
text-align: center;
}
}
.features213 {
background-image: url(folder/style-folder/black-bg.png), linear-gradient(rgb(44 44 44 / 46%), rgb(0 0 0 / 47%)), url(static/images/bg_2024-10-07_08-43-271.webp);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
color: var(--white);
}
@media (min-width: 768px) {
.features213 {
padding: 100px 0;
}
}
.features__titel213 {
text-align: center;
margin-bottom: 60px;
}
.features__list213 {
flex-direction: column;
padding-left: 0;
gap: 40px;
}
@media (min-width: 768px) {
.features__list213.flex-md-column {
width: 60%;
margin: 0 auto;
}
}
.features-item213 {
gap: 10px;
margin-bottom: var(--margin40);
align-items: center;
}
@media (min-width: 768px) {
.features-item213 {
gap: 15px;
}
.features__list213.flex-md-row .features-item213 {
flex: 1;
flex-direction: column;
align-items: center;
}
.features__list213.flex-md-row .features-desc213 {
text-align: center;
}
}
.features-icon213 {
background-color: var( --accent-color);
border-radius: 50%;
}
.features-icon213 svg {
height: 45px;
width: 45px;
fill: var(--white);
transition: var(--transition);
}
.features-item213:hover .features-icon213 svg {
fill: var(--hover);
}
.content-title213 {
margin-bottom: 50px;
/* color: var(--white); */
}
@media (min-width: 768px) {
.content-pic213 {
width: 80%;
margin: 0 auto;
}
}
.price-btn-box213 {
flex-direction: column;
margin-top: 15px;
}
@media (min-width: 768px) {
.content213.flex-column ~ .price-btn-box213 {
flex-direction: row;
}
}
.price-btn-box213 .price {
margin: 0 20px;
}
.price {
padding: 22px 0;
text-align: center;
}
.content__phone-button213 {
margin-top: 20px;
}
.workers213 {
background-color: var(--accent-color);
color: var(--white);
}
@media (min-width: 768px) {
.workers213 {
padding-top: 60px;
}
}
.workers-title213 {
margin-bottom: 40px;
}
@media (min-width: 768px) {
.workers__list213 {
flex-direction: row;
}
}
.worker__item1 {
padding-bottom: 55px;
}
@media (min-width: 768px) {
.worker__item1 {
position: relative;
transition: var(--transition);
overflow: hidden;
}
.worker__item2 {
padding: 10px;
}
.worker__item1 {
padding: 0;
margin: -0.7px 0 0 -0.8px;
}
}
.workers__avatar213 {
transition: var(--transition);
overflow: hidden;
border-radius: 4%;
width: 70%;
margin: 0 auto;
filter: grayscale(0.8);
}
@media (min-width: 768px) {
.workers__avatar213 {
width: 100%;
}
.worker__item2 .workers__avatar213 {
border-radius: 30%;
}
.worker__item1 .workers__avatar213 {
border-radius: 0;
}
.worker__item1:hover .workers__avatar213 {
filter: brightness(0.5);
}
}
.workers__avatar213 img {
width: 100%;
height: 100%;
object-fit: cover;
}
.workers__data213 {
width: 100%;
margin-top: 25px;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
}
@media (min-width: 768px) {
.workers__data213 {
position: absolute;
left: 0;
bottom: 0;
padding: 15px 8px;
transform: translateY(30%);
background-color: transparent;
color: transparent;
}
.worker__item2 .workers__data213 {
padding: 12px 15px;
}
.worker__item1 .workers__data213 {
padding: 12px 6px;
}
@keyframes anim-text {
0% {
transform: translateY(30%);
color: transparent;
}
30% {
color: transparent;
}
100% {
transform: translateY(-20%);
color: #ffff;
}
}
.worker__item1:hover .workers__data213 {
animation-name: anim-text;
animation-duration: 500ms;
animation-fill-mode: both;
animation-direction: alternate;
transition-timing-function: ease;
}
}
.workers-name213 {
font-size: 1.55rem;
margin-bottom: 6px;
}
.workers-position213 {
margin-bottom: 0;
font-size: 1.15rem;
}
@media (min-width: 768px) {
.workers-name213 {
font-size: 1.15rem;
margin-bottom: 3px;
}
.workers-position213 {
margin-bottom: 0;
font-size: 1rem;
}
}
.comments {
position: relative;
}
.comments__col213 {
display: flex;
flex-direction: column;
}
.comment__content213 {
padding: 10px 15px;
}
.comments__titel213 {
margin: 40px 0 35px;
}
@media (min-width: 768px) {
.comments__titel213 {
margin: 20px 0 35px;
}
}
.comments-avatars {
position: relative;
overflow: hidden;
width: 75%;
margin: 0 auto;
}
@media (min-width: 768px) {
.comments-avatars {
width: 100%;
}
}
.comments__avatar213 {
height: 500px;
filter: grayscale(0.8);
}
@media (min-width: 768px) {
.comments__avatar213 {
width: 100%;
}
}
.comments__avatar213 img {
height: 100%;
width: 100%;
object-fit: cover;
}
#reviewer-2 {
position: absolute;
top:0;
left: 0;
transform: translateX(20%);
opacity: 0;
transition: var(--transition)
}
.comments__content213 {
padding: 10px 0;
}
@media (min-width: 768px) {
.comments__content213 {
padding: 10px 35px;
}
}
#for-reviewer-2 {
padding-top: 60px;
}
@media (min-width: 768px) {
#for-reviewer-2 {
padding-top: 30px;
}
}
.decor-sq {
position: absolute;
left: 0;
width: 40%;
height: 140px;
z-index: -1;
background-color: var(--accent-color);
}
@media (max-width: 767px) {
.decor-sq {
top: 66%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.decor-sq {
height: 234px;
top: 47%;
width: 70%;
}
}
@media (min-width: 992px) {
.decor-sq {
left: 0;
bottom: 45px;
width: 50%;
}
}
.blog213 {
padding: 70px 0;
background-image: linear-gradient(rgb(194 194 194 / 47%), rgb(0 0 0 / 57%), rgb(0 0 0 / 93%)), url(static/images/bg_2024-10-07_08-43-272.webp);
background-attachment: fixed;
color: var(--white);
}
.blog__titel213 {
margin-bottom: var(--margin40-50);
}
.blog213 .accordion-item {
border-top-width: 0;
border: none;
background-color: transparent;
}
@media (min-width: 768px) {
.accordion {
width: 70%;
margin: 0 auto;
}
}
.accordion-item:not(:last-child) {
margin-bottom: 35px;
}
.accordion-button {
padding: 17px 20px;
font-style: normal;
font-weight: 500;
color: var(--black);
background-color: #ffffffdb;
border: none;
border-radius: 30px;
transition: var(--transition);
}
.accordion-item:first-of-type .accordion-button {
border-radius: 30px;
}
.accordion-item:last-of-type .accordion-button.collapsed {
border-radius: 30px;
}
.accordion-button::after {
background-image: none!important;
}
.accordion-button:not(.collapsed)::after {
background-image: none!important;
}
.accordion-button:not(.collapsed) {
color: var(--black);
background-color: #ffffffdb;
box-shadow: none;
transition: var(--transition);
}
.accordion-button:not(.collapsed):hover {
background-color: #dfdfdfd6;
}
.accordion-button:hover {
color: var(--black);
background-color: #dfdfdfd6;
box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;
z-index: 1;
}
.accordion-button:focus {
box-shadow: none;
border: none;
z-index: 1;
}
.accordion-body {
padding: 27px 30px 20px;
color: var(--white);
}
.partners {
background-color: #e6e3e3;
}
.partners__titel213 {
margin-bottom: 55px;
font-size: 1.55rem;
}
.partners .row {
flex-direction: column;
}
@media (min-width: 576px) {
.partners .row {
flex-direction: row;
}
}
.partners__pic213 {
padding: 20px;
width: 60%;
margin: 0 auto;
}
.partners__pic213 img {
width: 100%;
}
@media (min-width: 576px) {
.partners__pic213 {
width: 100%;
}
}
@media (min-width: 768px) {
.partners__pic213 {
padding: 0 15px;
}
}
@media (min-width: 992px) {
.partners__pic213 {
padding: 15px 18px;
}
}
.section-form213 {
background-color: var(--accent-color);
color: var(--white);
}
.section-form__col213 {
padding: 0 20px;
}
.section-form__text213 {
flex-direction: column;
align-items: center;
margin-bottom: 45px;
}
.section-form__titel213 {
margin-bottom: var(--margin30);
}
.section-form__desc213 {
text-align: center;
margin-bottom: 30px;
}
@media screen and (min-width: 992px) {
.section-form__desc213 {
width: 80%;
}
}
.section-form__pic213 {
width: 230px;
height: 230px;
border-radius: 50%;
filter: grayscale(0.8);
overflow: hidden;
}
@media (min-width: 992px) {
.section-form__col213.col-lg-6 .section-form__pic213 {
width: 180px;
height: 180px;
border-radius: 30px;
}
}
.section-form__pic213 img {
height: 100%;
object-fit: cover;
}
@media (min-width: 992px) {
.section-form__col213.col-lg-12 .form213 {
margin: 0 auto;
width: 54%;
}
}
.form213 label {
color: var(--white);
}
.form213 .input-form__field-input,
.form213 .textarea-form__field-input {
width: 100%;
padding: 10px 12px;
margin-bottom: 15px;
color: var(--white);
background-color: transparent;
border-bottom: 2px solid var(--white);
}
.form213 .input-form__field-input::placeholder,
.form213 .textarea-form__field-input::placeholder {
color: #ffffff99;
}
.form213 .textarea-form__field-input {
height: 6em;
margin-bottom: 6px;
}
:focus-visible {
outline: 0px;
}
.policy-agreement {
margin-bottom: var(--margin30);
}
.policy-agreement .agreement-input {
margin-right: 7px;
}
.policy-agreement .agreement-input:checked {
accent-color: var(--hover);
}
.form .agreement-label {
color: var(--grey);
}
.agreement-privacy-link {
margin-left: 3px;
color: inherit;
font-weight: 600;
transition: var(--transition);
}
.agreement-privacy-link:hover {
color: var(--hover);
}
.form213 .submit-btn-4 {
width: 90%;
font-size: 1rem;
}
@media (min-width: 500px) {
.form213 .submit-btn-4 {
width: 60%;
}
}
@media (min-width: 992px) {
.section-form__col213.col-lg-12 .submit-btn-4 {
width: fit-content;
margin: 0 auto;
}
}
.location213 {
background-color: #d9d9d9;
}
.location__map213 {
width: 100%;
height: 285px;
border: 0;
}
.footer {
padding-top: 70px;
padding-bottom: 0;
background-color: var(--footer-bg-color);
color: var(--white);
}
.footer-grid {
padding-bottom: 45px;
}
.footer__content213 {
padding: 10px;
}
.footer-logo-link {
justify-content: center;
color: var(--white);
}
.footer__text213 {
display: none;
text-align: center;
margin-top: 30px;
}
@media (min-width: 768px) {
.footer__text213 {
display: block;
}
}
@media (min-width: 992px) {
.footer-box-menu {
padding-left: 40px;
}
}
.footer__title213 {
display: none;
font-size: 18px;
font-weight: 700;
margin-bottom: 25px;
text-align: center;
}
@media (min-width: 768px) {
.footer__title213 {
display: block;
}
}
.footer__list213 {
padding: 0;
margin: 0;
list-style: none;
display: flex;
flex-direction: column;
align-items: center;
}
.footer__menu-item213 {
margin-bottom: 9px;
}
.footer__adres-item213 {
margin-bottom: 30px;
text-align: center;
}
.footer__politik213 {
display: flex;
align-items: center;
padding: 15px 10px;
font-size: 14px;
border-top: 1px solid var(--white);
}
.footer__politik-item213{
margin-bottom: 8px;
text-align: center;
}
.footer__politik213.flex-column .footer__politik-item213 {
text-align: center;
}
.footer__politik-link213 {
color: var(--white)
transition: var(--transition);
}
.footer__politik-link213k:hover {
font-weight: 700;
color: var(--hover);
}
.partners__link213 {
cursor: auto;
}
</style>
</head>
<body>
<style>
.cookie-consent-modal, .cookie-settings-modal {
display: none;
position: fixed;
bottom: 16px;
left: 16px;
width: 100%;
background-color: white;
padding: 20px;
box-shadow: 0 2px 5px rgba(0,0,0,0.2);
z-index: 1000;
max-width: 398px;
min-width: 400px;
border-radius: 0px;
color: #222;
}
.cookie-settings-modal {
bottom: auto;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: auto;
max-width: 600px;
height: auto;
}
#acceptCookies, #declineCookies, #saveCookieSettings {
background-color: #1C1124;
border-radius: 4px;
border: 0;
box-shadow: rgba(1,60,136,.5) 0 -1px 3px 0 inset,rgba(0,44,97,.1) 0 3px 6px 0;
box-sizing: border-box;
color: #fff;
cursor: pointer;
display: inherit;
font-weight: 700;
line-height: 24px;
margin: 0;
min-width: 120px;
width: auto;
padding: 15px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
touch-action: manipulation;
vertical-align: baseline;
transition: all .2s cubic-bezier(.22, .61, .36, 1);
}
#declineCookies{
opacity: 0.8;
}
#acceptCookies:hover, #declineCookies:hover, #saveCookieSettings:hover {
transform: translateY(-2px);
}
#saveCookieSettings{
margin-top: 15px;
}
@media (min-width: 768px) {
#acceptCookies, #declineCookies, #saveCookieSettings {
padding: 10px;
min-width: 150px;
}
}
#cookieSettings {
display: block;
margin: 10px auto;
color: #0000EE;
text-decoration: underline;
cursor: pointer;
}
#necessaryCookies, #analyticalCookies, #marketingCookies {
transform: scale(1.2);
margin: 5px;
vertical-align: middle;
}
#cookieSettingsModal h2{
font-size: 21px;
}
.cookie-content{
display: flex;
flex-direction: column;
align-items: baseline;
gap: 22px;
}
.cookie-content p, .cookie-settings-content p{
color: #222;
}
.cookie-content div:last-child{
display: flex;
gap: 15px;
flex-wrap: wrap;
justify-content: center;
}
.cookie-consent-modal a{
color: #E79E4F;
}
.cookie-consent-modal a:hover{
text-decoration: none;
}
@media(max-width: 550px){
.cookie-consent-modal, .cookie-settings-modal{
width: auto;
min-width: auto;
font-size: 14px;
left: 0;
right: 0;
bottom: 0;
padding: 10px;
}
.cookie-settings-modal{
width: 80% !important;
left: 50%;
height: max-content;
}
.cookie-consent-modal, .cookie-settings-modal p{
margin-top: 0px;
}
.cookie-content{
flex-wrap: wrap;
}
#acceptCookies, #declineCookies, #saveCookieSettings{
padding: 7px;
font-size: 14px;
}
.cookie-content{
gap: 10px;
}
}
</style>
<div id="cookieConsentModal" class="cookie-consent-modal" style="display: block;">
<div class="cookie-content">
<div>
<p>This site uses cookies to improve your browsing experience. We use both necessary cookies and cookies from third-party services for analytical purposes. Necessary cookies are essential for the basic functionality of the website and cannot be disabled.</p>
<p>By accepting cookies, you agree to our use of cookies in accordance with our <a href="cookies.php" target="_blank">cookie policy.</a></p>
</div>
<div>
<button id="acceptCookies">Accept all cookies</button>
<button id="declineCookies">Reject All</button>
<a href="#" id="cookieSettings">Cookie settings</a>
</div>
</div>
</div>
<div id="cookieSettingsModal" class="cookie-settings-modal" style="display:none;">
<div class="cookie-settings-content">
<h2>Cookie settings</h2>
<p>Adjust your cookie preferences:</p>
<div>
<input type="checkbox" id="necessaryCookies" name="necessaryCookies" checked="" disabled="">
<label for="necessaryCookies">Necessary Cookies (mandatory)</label>
</div>
<div>
<input type="checkbox" id="analyticalCookies" name="analyticalCookies">
<label for="analyticalCookies">Analytics Cookies</label>
</div>
<div>
<input type="checkbox" id="marketingCookies" name="marketingCookies">
<label for="marketingCookies">Advertising Cookies</label>
</div>
<button id="saveCookieSettings">Save Settings</button>
</div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
var consentModal = document.getElementById('cookieConsentModal');
var settingsModal = document.getElementById('cookieSettingsModal');
var settingsLink = document.getElementById('cookieSettings');
var acceptBtn = document.getElementById('acceptCookies');
var declineBtn = document.getElementById('declineCookies');
var saveSettingsBtn = document.getElementById('saveCookieSettings');
var necessaryCookiesCheckbox = document.getElementById('necessaryCookies');
var analyticalCookiesCheckbox = document.getElementById('analyticalCookies');
var marketingCookiesCheckbox = document.getElementById('marketingCookies');
function checkCookieConsent() {
var consent = localStorage.getItem('cookieConsent-27447');
if (!consent) {
consentModal.style.display = 'block';
}
}
loadCookieSettings();
function saveCookieSettings() {
localStorage.setItem('necessaryCookies', necessaryCookiesCheckbox.checked);
localStorage.setItem('analyticalCookies', analyticalCookiesCheckbox.checked);
localStorage.setItem('marketingCookies', marketingCookiesCheckbox.checked);
}
function loadCookieSettings() {
var necessary = localStorage.getItem('necessaryCookies');
var analytical = localStorage.getItem('analyticalCookies');
var marketing = localStorage.getItem('marketingCookies');
if (necessary !== null) {
necessaryCookiesCheckbox.checked = necessary === 'true';
}
if (analytical !== null) {
analyticalCookiesCheckbox.checked = analytical === 'true';
}
if (marketing !== null) {
marketingCookiesCheckbox.checked = marketing === 'true';
}
}
settingsLink.addEventListener('click', function(e) {
e.preventDefault();
settingsModal.style.display = 'block';
});
acceptBtn.addEventListener('click', function() {
localStorage.setItem('cookieConsent-27447', 'accepted');
consentModal.style.display = 'none';
});
declineBtn.addEventListener('click', function() {
localStorage.setItem('cookieConsent-27447', 'declined');
consentModal.style.display = 'none';
});
saveSettingsBtn.addEventListener('click', function() {
saveCookieSettings();
settingsModal.style.display = 'none';
});
checkCookieConsent();
});
</script>
<header class="header213">
<div class="container header__container213">
<nav class="header__nav213">
<a class="logo213 header__logo213" href="./">
<img class="logo-img213 d-inline-block align-text-center" src="logocraft.svg" alt="">
Wynsure
</a>
<button class="menu-btn213" aria-expanded="false" aria-controls="menu-container" type="button" data-menu-button="">
<svg class="menu-svg213" aria-label="" width="40" height="40">
<use class="menu-btn__icon-open" href="folder/style-folder/sprite.svg#open-menu-icon">
</use>
</svg>
</button>
<div class="backdrop213 is-hidden" data-backdrop=""></div>
<div class="menu-container213" id="menu-container" data-menu="">
<button class="menu__close-btn213" type="button" data-menu-close="">
<svg aria-label="" width="30" height="30">
<use class="menu__icon-close213" href="folder/style-folder/sprite.svg#modal-close">
</use>
</svg>
</button>
<ul class="header__list213">
<li class="header__item213">
<a class="header__link213 active213" href="./#home">Home</a>
</li>
<li class="header__item213">
<a class="header__link213" href="./#about">About us</a>
</li>
<li class="header__item213">
<a class="header__link213" href="./#workers">Our People</a>
</li>
<li class="header__item213">
<a class="header__link213" href="./#contact-footer">Contacts</a>
</li>
</ul>
</div>
</nav>
</div>
</header>
<main>
<section class="hero213 section-scroll profile-popupz" id="home">
<div class="container">
<div class="hero__box213">
<h1 class="hero__title213">Welcome to Wynsure! We promise that our cooperation will exceed all your expectations.</h1>
<div class="phone-btn-box213">
<a href="tel:3333447517" class="d-inline-block submit-btn-4">3333447517</a>
</div>
</div>
</div>
</section>
<section class="about section-scroll213 section section-scroll" id="about">
<div class="container">
<div class="d-flex about-row213 flex-md-row" id="about-row">
<div class="about-content213">
<h2 class="about__titel213">About us</h2>
<div>We are a close-knit team of professionals who work together to achieve a common goal. We pride ourselves on the fact that our customers are satisfied with our services. We provide an extensive portfolio of services that includes everything our clients may need. We are constantly improving and expanding our offerings.</div>
</div>
<div class="how-work213">
<ul class="d-flex how-work__list213" id="how-work-list">
<li class="d-flex how-work__item213">
<div>
<svg aria-label="" class="how-work__svg213">
<use class="how-work-icon" href="folder/style-folder/sprite.svg#antenna">
</use>
</svg>
</div>
<div class="how-work__text213">Our work begins with the fact that we listen to your wishes and formulate the main directions of development.</div>
</li>
<li class="d-flex how-work__item213">
<div>
<svg aria-label="" class="how-work__svg213">
<use class="how-work-icon" href="folder/style-folder/sprite.svg#smartphone">
</use>
</svg>
</div>
<div class="how-work__text213">We form a working group that will deal with your project from start to finish.</div>
</li>
<li class="d-flex how-work__item213">
<div>
<svg aria-label="" class="how-work__svg213">
<use class="how-work-icon" href="folder/style-folder/sprite.svg#diagram">
</use>
</svg>
</div>
<div class="how-work__text213">We regularly meet with clients to discuss progress and make necessary changes.</div>
</li>
</ul>
</div>
</div>
</div>
</section>
<section class="features213 section">
<div class="container">
<div class="features__titel213">
<h2>Our Advantages</h2>
</div>
<ul class="d-flex features__list213 flex-md-row" id="features-list">
<li class="d-flex features-item213">
<span class="features-icon213">
<svg aria-label="">
<use class="how-work-icon" href="folder/style-folder/sprite.svg#check2">
</use>
</svg>
</span>
<div class="features-desc213">Service Availability and Convenience: Providing easy access to services through user interfaces and platforms, making interacting with the company convenient and intuitive.</div>
</li>
<li class="d-flex features-item213">
<span class="features-icon213">
<svg aria-label="">
<use class="how-work-icon" href="folder/style-folder/sprite.svg#check2">
</use>
</svg>
</span>
<div class="features-desc213">Supporting Startups and Innovation: Actively collaborating and supporting startups, contributing to the development of an innovation ecosystem that promotes knowledge sharing and promotes the growth of the industry.</div>
</li>
<li class="d-flex features-item213">
<span class="features-icon213">
<svg aria-label="">
<use class="how-work-icon" href="folder/style-folder/sprite.svg#check2">
</use>
</svg>
</span>
<div class="features-desc213">International standards: Compliance with international quality and safety standards confirms the high level of responsibility and reliability of the company.</div>
</li>
<li class="d-flex features-item213">
<span class="features-icon213">
<svg aria-label="">
<use class="how-work-icon" href="folder/style-folder/sprite.svg#check2">
</use>
</svg>
</span>
<div class="features-desc213">Social responsibility: Active participation in social programs and contribution to the development of society increases social significance and strengthens the positive image of the company.</div>
</li>
</ul>
</div>
</section>
<section class="banner-gridph section">
<div class="container">
<div class="content-box213">
<div class="content-title213 text-center header-widgetme">
<h2>Reliable and Efficient Last Mile Delivery</h2>
</div>
<div class="d-flex content213 flex-column-reverse row-gap-4">
<div class="content-pic213">
<img src="uploads/07_10_2024/Delivery-of-goods-4f017-2.jpg" alt="Reliable and Efficient Last Mile Delivery">
</div>
<div class=""><p>At Wynsure, we specialize in providing seamless logistics solutions, focusing on efficient last mile delivery. Our mission is to ensure that products reach their final destination—your customers' doorsteps—quickly, safely, and with precision. With extensive experience in delivering goods in both urban and rural areas, we bring efficiency to the most critical stage of logistics.</p>
<p><strong>About us</strong></p>
<p>Wynsure has developed a strong foundation in the logistics industry by understanding the ever-evolving needs of our clients. We are dedicated to creating custom solutions that not only meet but exceed expectations. Our focus on the last mile delivery is driven by our commitment to speed and accuracy, helping businesses strengthen their customer relationships by ensuring timely deliveries.</p>
<p><strong>Methods of work</strong></p>
<p>Our approach is grounded in using advanced technology and optimized route planning. We utilize real-time tracking systems and smart software to reduce delays and improve delivery accuracy. By integrating our tools with your supply chain, we provide flexibility in scheduling, making our services adaptable to fluctuating demands. From the point of dispatch to the final delivery, our system ensures that goods are handled with care and efficiency.</p>
<p><strong>Professionals</strong></p>
<p>Our team of couriers is not only experienced but also highly trained in customer service and logistics management. Each professional is equipped with the knowledge to handle various types of goods, ensuring that products are delivered in perfect condition. Our couriers understand the importance of timely and safe deliveries, making them a crucial asset in maintaining high customer satisfaction.</p>
<p><strong>Advantages over others</strong></p>
<p>What sets Wynsure apart from other logistics providers is our emphasis on the last mile experience. While many companies offer general delivery services, we focus specifically on the complexities of the final stage. Our optimized routes, flexible delivery options, and real-time tracking enable us to minimize delays and keep customers informed throughout the process.</p>
<p>We also ensure that every delivery is carried out with professionalism and care, giving businesses confidence in their logistics partner. Whether handling e-commerce deliveries or wholesale distribution, we have the expertise to manage high volumes without compromising on speed or service quality.</p>
<p><strong>Why choose us?</strong></p>
<p>Choosing Wynsure means choosing a logistics partner that values efficiency and reliability. We understand that a smooth delivery process is integral to the success of your business, and we aim to make the last mile delivery seamless for both you and your customers. With a focus on flexibility, we ensure that our services can adapt to the unique needs of your business, no matter its scale.</p>
<p>In conclusion, Wynsure provides a tailored solution for businesses looking to improve their delivery logistics. Our specialized focus on the last mile, combined with our cutting-edge technology and dedicated team, guarantees that every package arrives on time and in perfect condition.</p></div>
</div>
<div class="price-btn-box213 d-flex justify-content-between align-items-center">
<div class="content__phone-button213">
<a href="tel:3333447517" class=" submit-btn-5">Get a consultation</a>
</div>
</div>
</div>
</div>
</section>
<section class="workers213 section section-scroll" id="workers">
<div class="container">
<div class="workers-title213 text-center">
<h2>Our People</h2>
</div>
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-4 workers__list213">
<div class="col worker__item1">
<div class="workers__avatar213">
<img src="static/images/avatar-snapshot_rdpB_0.webp" alt="">
</div>
<div class="workers__data213">
<h4 class="fw-bold workers-name213">Roza Stephenson</h4>
<p class="workers-position213">Business Development Manager</p>
</div>
</div>
<div class="col worker__item1">
<div class="workers__avatar213">
<img src="static/images/avatarPic_gq0W_0.webp" alt="">
</div>
<div class="workers__data213">
<h4 class="fw-bold workers-name213">Timothy Good</h4>
<p class="workers-position213">Expert</p>
</div>
</div>
<div class="col worker__item1">
<div class="workers__avatar213">
<img src="static/images/avatar-snapshot_rdpB_1.webp" alt="">
</div>
<div class="workers__data213">
<h4 class="fw-bold workers-name213">Zarah Chang</h4>
<p class="workers-position213">Head of Legal Department</p>
</div>
</div>
<div class="col worker__item1">
<div class="workers__avatar213">
<img src="static/images/avatarPic_gq0W_1.webp" alt="">
</div>
<div class="workers__data213">
<h4 class="fw-bold workers-name213">Izaan Grimes</h4>
<p class="workers-position213">Head of Marketing Department</p>
</div>
</div>
</div>
</div>
</section>
<section class="section comments" id="comments">
<div class="container">
<div class="row comments__row213">
<div class="col-12 col-md-6 col-lg-4 comments__col213 justify-content-lg-start">
<div class="comments__content213">
<h4 class="fs-5 mb-0">Casey Cannon</h4>
<div class="mb-2">Investor Relations Manager</div>
<div class="comments__stars213 mb-3">
<span class="stars-item">★</span>
<span class="stars-item">★</span>
<span class="stars-item">★</span>
<span class="stars-item">★</span>
<span class="stars-item">★</span>
</div>
<div class="comments__text213">
<div>Thank you, of course, but your service did not impress me at all, the way you approached the provision of services was surprising.</div>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4 comments__col213 p-0">
<h2 class="comments__titel213 text-center">Comments</h2>
<div class="comments-avatars">
<div class="comments__avatar213" id="reviewer-1">
<img src="static/images/avatarPic_gq0W_2.webp" alt="">
</div>
<div class="comments__avatar213" id="reviewer-2">
<img src="static/images/avatar-snapshot_rdpB_2.webp" alt="">
</div>
</div>
</div>
<div class="decor-sq"></div>
<div class="col-12 col-md-12 col-lg-4 comments__col213 justify-content-lg-end">
<div class="comments__content213" id="for-reviewer-2">
<h4 class="fs-5 mb-0">Kade Bone</h4>
<div class="mb-2">Quality Manager</div>
<div class="comments__stars213 mb-3">
<span class="stars-item">★</span>
<span class="stars-item">★</span>
<span class="stars-item">★</span>
<span class="stars-item">★</span>
<span class="stars-item">★</span>
</div>
<div class="comments__text213">
<div class="comment-text">Thank you for your services. I will recommend your service to my friends.</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="blog213 section">
<div class="container">
<h2 class="blog__titel213 text-center">Frequently Asked Questions</h2>
<div class="accordion" id="accordionExample">
<div class="accordion-item">
<h2 class="accordion-header shadow-none">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
What are your plans for the future in terms of expanding the list of services?
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse show" data-bs-parent="#accordionExample">
<div class="accordion-body">
We are constantly researching new trends and innovations in order to expand our list of services and offer our customers up-to-date solutions that meet modern requirements and challenges.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header shadow-none">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
Can I change the details of a service I have already ordered?
</button>
</h2>
<div id="collapseTwo" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
<div class="accordion-body">
Yes, changes are possible, but we ask that you notify us as early as possible so that we can adapt the process adequately.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header shadow-none">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
Do you provide analytical reports on the results of the services performed?
</button>
</h2>
<div id="collapseThree" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
<div class="accordion-body">
Yes, we provide detailed analytical reports and recommendations based on the results of our services so that clients can evaluate the effectiveness of our work.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header shadow-none">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseThree">
Can I cancel the service I have ordered?
</button>
</h2>
<div id="collapseFour" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
<div class="accordion-body">
Yes, you can cancel an order, however, the cancellation conditions depend on the stage of your order. See our Terms of Service for details.
</div>
</div>
</div>
</div>
</div>
</section>
<section class="partners section">
<div class="container">
<h2 class="partners__titel213">Our Partners</h2>
<div class="row align-items-center">
<div class="col-12 col-sm-6 col-md-3 mb-4">
<a href="" class="partners__link213">
<div class="partners__pic213">
<img src="static/images/technology_partner_WD03w0.png" alt="">
</div>
</a>
</div>
<div class="col-12 col-sm-6 col-md-3 mb-4">
<a href="" class="partners__link213">
<div class="partners__pic213">
<img src="static/images/technology_partner_WD03w1.png" alt="">
</div>
</a>
</div>
<div class="col-12 col-sm-6 col-md-3 mb-4">
<a href="" class="partners__link213">
<div class="partners__pic213">
<img src="static/images/technology_partner_WD03w2.png" alt="">
</div>
</a>
</div>
<div class="col-12 col-sm-6 col-md-3 mb-4">
<a href="" class="partners__link213">
<div class="partners__pic213">
<img src="static/images/technology_partner_WD03w3.png" alt="">
</div>
</a>
</div>
</div>
</div>
</section>
<section class="location213">
<iframe src="https://maps.google.com/maps?hl=en&q=176%2C%20Grindon%20Crescent%2C%20Nottingham%2C%20NG6%208BW%2C%20United%20Kingdom&ie=UTF8&t=&z=8&iwloc=B&output=embed" class="location__map213" loading="lazy">
</iframe>
</section>
</main>
<section class="footer section-scroll" id="contact-footer">
<div class="container">
<div class="footer-grid">
<div class="row row-cols-lg-3 footer-row213 flex-row-reverse justify-content-lg-around">
<div class="col-12 col-lg-4 mb-4">
<div class="footer__content213">
<div class="logo-box">
<a class="logo213 footer-logo-link justify-content-md-center" href="./">
<img class="logo-img213 d-inline-block align-text-center" src="logocraft.svg" alt="">
Wynsure
</a>
</div>
<div class="footer__text213 text-md-center">We offer good quality services thanks to the combination of the professionalism of the team and modern technology. Our goal is to occupy a high position by maintaining a high standard of work and continuously introducing new approaches. We are focused on understanding each client's unique needs, providing effective and personalized solutions.</div>
</div>
</div>
<div class="col-12 col-lg-4 mb-4 footer-box-menu">
<div class="footer__content213">
<h5 class="footer__title213 text-md-center">Menu</h5>
<ul class="footer__list213 align-items-md-center">
<li class="footer__menu-item213">
<a href="./#home">Home</a>
</li>
<li class="footer__menu-item213">
<a href="./#about">About us</a>
</li>
<li class="footer__menu-item213">
<a href="./#workers">Our People</a>
</li>
<li class="footer__menu-item213">
<a href="./#comments">Comments</a>
</li>
<li class="footer__menu-item213">
<a href="./#contact-footer">Contacts</a>
</li>
</ul>
</div>
</div>
<div class="col-12 col-lg-4 mb-4">
<div class="footer__content213">
<h5 class="footer__title213 footer__adres-title213 text-md-center">Contacts</h5>
<ul class="footer__list213 footer__adres-list213 align-items-md-center">
<li class="footer__adres-item213 text-md-center">
<h6 class="footer-contact-us-title">Address Location</h6>
<div> 176, Grindon Crescent, Nottingham, NG6 8BW, United Kingdom</div>
</li>
<li class="footer__adres-item213 text-md-center">
<h6 class="footer-contact-us-title">Mailing address</h6>
<a href="mailto:[email protected]">[email protected]</a>
</li>
<li class="footer__adres-item213 text-md-center">
<h6 class="footer-contact-us-title">Telephone number</h6>
<a href="tel:3333447517">3333447517</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="row footer__politik213 flex-row">
<div class="col-12 col-md-4 footer__politik-item213">
<a class="footer__politik-link213" href="privacy.php">Privacy policy</a>
</div>
<div class="col-12 col-md-4 footer__politik-item213">
<a class="footer__politik-link213" href="service-terms.php">Terms & Conditions</a>
</div>
<div class="col-12 col-md-4 footer__politik-item213">
<a class="footer__politik-link213" href="legal-disclaimer.php">Disclaimer</a>
</div>
</div>
</div>
</section>
<script>
const menuBtnRef = document.querySelector('[data-menu-button]');
const mobileMenuRef = document.querySelector('[data-menu]');
const menuCloseRef = document.querySelector('[data-menu-close]');
const backdrop = document.querySelector("[data-backdrop]");
function toggleFunction() {
const expanded = menuBtnRef.getAttribute('aria-expanded') === 'true';
menuBtnRef.classList.toggle('is-open');
menuBtnRef.setAttribute('aria-expanded', !expanded);
mobileMenuRef.classList.toggle('is-open');
backdrop.classList.toggle("is-hidden");
document.body.classList.toggle('no-scroll');
}
menuBtnRef.addEventListener('click', toggleFunction);
menuCloseRef.addEventListener('click', toggleFunction);
document.querySelectorAll('.header__link').forEach(item => {
item.addEventListener('click', () => {
if (mobileMenuRef.classList.contains("is-open")) {
toggleFunction();
}
});
});
document.addEventListener('click', e => {
if (!menuBtnRef.contains(e.target) && mobileMenuRef.classList.contains("is-open") && !mobileMenuRef.contains(e.target)) {
toggleFunction();
}
});
window.addEventListener('scroll', () => {
let currentSection = "home";
document.querySelectorAll(".section-scroll").forEach(sectionEl => {
if (window.scrollY >= sectionEl.offsetTop - sectionEl.clientHeight / 3) {
currentSection = sectionEl.id;
}
});
document.querySelectorAll(".header__link").forEach(navLinkEl => {
if (navLinkEl.href.includes(currentSection)) {
document.querySelector('.header__link.active').classList.remove('active');
navLinkEl.classList.add('active');
}
});
});
const aboutEl = document.getElementById('about-row');
const featureListEl = document.getElementById('features-list');
if (aboutEl.classList.contains('flex-md-row') || aboutEl.classList.contains('flex-md-row-reverse')) {
featureListEl.classList.add('flex-md-row');
featureListEl.classList.remove('flex-md-column');
} else if (aboutEl.classList.contains('flex-md-column')) {
featureListEl.classList.remove('flex-md-row');
featureListEl.classList.add('flex-md-column');
}
document.addEventListener('DOMContentLoaded', function() {
const reviewer2 = document.getElementById("reviewer-2");
const reviewer1 = document.getElementById("reviewer-1");
document.getElementById("for-reviewer-2").addEventListener("mouseenter", function() {
reviewer2.style.opacity = "1";
reviewer2.style.transform = "translateX(0)";
reviewer1.style.filter = "brightness(0.4)";
});
document.getElementById("for-reviewer-2").addEventListener("mouseleave", function() {
reviewer2.style.opacity = "0";
reviewer2.style.transform = "translateX(20%)";
reviewer1.style.filter = "grayscale(0.8)";
});
});
</script>
</body></html>