-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
59 lines (54 loc) · 3.22 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Selected Text Share Buttons</title>
<!-- CSS File -->
<link rel="stylesheet" href="styles.css" />
<!-- Sharect.js CDN -->
<script src="https://unpkg.com/sharect@2.0.0/dist/sharect.js"></script>
</head>
<body>
<div class="container">
<div class="text-box">
<h1>What is Front End Development?</h1>
<p>
Everything you see on a website, like buttons, links, animations, and
more, were created by a front end web developer. It is the front end
developer's job to take the vision and design concept from the client
and implement it through code.
</p>
<p>
Everything on the page from the logo to the search bar, buttons,
overall layout and how the user interacts with the page was created by
a front end developer. Front end developers are in charge of the look
and feel of the website.
</p>
<p>
Front end developers also have to make sure the website looks good on
all devices (phones, tablets, and computer screens).
</p>
</div>
</div>
<!-- Sharect.js Initialize -->
<script>
Sharect.appendCustomShareButtons([
{
icon: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 478.165 478.165"><path d="M478.165 232.946c0 128.567-105.057 232.966-234.679 232.966-41.102 0-79.814-10.599-113.445-28.969L0 478.165l42.437-125.04c-21.438-35.065-33.77-76.207-33.77-120.159C8.667 104.34 113.763 0 243.485 0c129.623 0 234.68 104.34 234.68 232.946zM243.485 37.098c-108.802 0-197.422 87.803-197.422 195.868 0 42.915 13.986 82.603 37.576 114.879l-24.586 72.542 75.849-23.968c31.121 20.481 68.457 32.296 108.583 32.296 108.723 0 197.323-87.843 197.323-195.908 0-107.886-88.6-195.709-197.323-195.709zM361.931 286.62c-1.395-2.331-5.22-3.746-10.898-6.814-5.917-2.849-34.089-16.497-39.508-18.37-5.16-1.913-8.986-2.849-12.811 2.829-4.005 5.638-14.903 18.629-18.23 22.354-3.546 3.785-6.854 4.264-12.552 1.435-5.618-2.809-24.267-8.866-46.203-28.391-17.055-15.042-28.67-33.711-31.997-39.508-3.427-5.758-.398-8.826 2.471-11.635 2.69-2.59 5.778-6.734 8.627-10.041 2.969-3.287 3.905-5.638 5.798-9.424 1.913-3.905.936-7.192-.478-10.141-1.415-2.849-13.01-30.881-17.752-42.337-4.841-11.416-9.543-9.523-12.871-9.523-3.467 0-7.212-.478-11.117-.478-3.785 0-10.041 1.395-15.381 7.192-5.2 5.658-20.123 19.465-20.123 47.597 0 28.052 20.601 55.308 23.55 59.053 2.869 3.785 39.747 63.197 98.303 86.07 58.476 22.872 58.476 15.321 69.115 14.365 10.38-.956 34.069-13.867 38.811-27.096 4.66-13.45 4.66-24.766 3.246-27.137z"/></svg>',
url: "https://api.whatsapp.com/send?text=TEXT_SELECTION%20PAGE_URL",
},
]);
Sharect.config({
facebook: true,
twitter: true,
twitterUsername: "estevanmaito",
backgroundColor: "#596af6",
iconColor: "#FFF",
selectableElements: ["p"],
});
Sharect.init();
</script>
</body>
</html>