A Pen by Yury

Developer
Yury
Size
2,277 Kb
Views
127,512
  1. A Pen by Yury Previews
  2. A Pen by Yury HTML Codes
  3. A Pen by Yury CSS Codes
  4. A Pen by Yury JS Codes

How do I make an a pen by yury?

What is a a pen by yury? How do you make a a pen by yury? This script and codes were developed by Yury on 12 June 2022, Sunday.

A Pen by Yury Previews
IQ Test

A Pen by Yury - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>A Pen by Yury</title> <link rel='stylesheet prefetch' href='http://fian.my.id/Waves/static/prims.css'>
<link rel='stylesheet prefetch' href='http://fian.my.id/Waves/static/waves.min.css'>
<link rel='stylesheet prefetch' href='http://fian.my.id/Waves/static/style.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="container"> <div class="content"> <a href="#" class="b-button waves-effect" title="link">Подробнее</a> <a class="b-button type-book waves-effect waves-button" href="#" title="link">Забронировать</a> <a href="#" class="b-button type-simple waves-effect waves-button" title="link">Забронировать</a> <a href="#" class=" waves-effect waves-button" title="link">Забронировать</a> </div> <div class="line waves-effect waves-block"></div> <div class="content"> <a class="waves-effect waves-button waves-float" style="background: #01BCFF;color:#fff"> Button A
</a>
<button class="add-icon waves-effect waves-button waves-light waves-float" style="background: #1bb556;color: #fff;"> Button B
</button>
<input class="waves-effect waves-button waves-float" style="background: #ff4f0f;color:#fff" type="submit" value="Button C">
<input class="waves-effect waves-button waves-light waves-float" style="background: #666;color:#fff" type="button" value="Button D"> </div>
</div> <script src='http://fian.my.id/Waves/static/prims.js'></script>
<script src='http://fian.my.id/Waves/static/waves.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

A Pen by Yury - Script Codes CSS Codes

.container { width: 100%; background: #e4e4e4; padding: 20px 0;
}
.content { width: 960px; margin: 0 auto; font-family: Georgia, sans-serif;
}
.b-button { display: inline-block; height: 38px; overflow: hidden; text-align: center; text-decoration: none; line-height: 30px; opacity: .9; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; transition: 0.3s ease; background-color: #dd9525; background: -webkit-linear-gradient(top, #e8e8e8, #fff); background: linear-gradient(to bottom, #e8e8e8, #fff); font-size: 14px; color: #cf11cf; padding: 0 10px; margin: 0 10px; border-radius: 3px; vertical-align: middle;
}
.b-button.type-book { background: #ada5f4;
}
.b-button.type-simple { background: none; color: #0d0d0d; border: 1px solid #cf1208;
}
.line { margin: 10px 0; background: #01bcff; color: #fff; text-align: center; padding: 10px 0; height: 30px;
}
.add-icon:before { content: 'A';
}
.waves-float { margin: 0 15px;
}

A Pen by Yury - Script Codes JS Codes

Waves.displayEffect();
A Pen by Yury - Script Codes
A Pen by Yury - Script Codes
Home Page Home
Developer Yury
Username tldev
Uploaded June 12, 2022
Rating 3
Size 2,277 Kb
Views 127,512
Do you need developer help for A Pen by Yury?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Yury (tldev) Script Codes
Name
Create amazing video scripts with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!