forked from SMAKBO/tugas-labkom-2018-muhazmya
-
Notifications
You must be signed in to change notification settings - Fork 0
/
HalamanAlcoholic.html
105 lines (95 loc) · 5.65 KB
/
HalamanAlcoholic.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
<!DOCTYPE html>
<html>
<head>
<style>
h1 {text-shadow: 3px 2px darkgrey;}
h3 {text-decoration: underline;}
</style>
<title>Chemical.ly™</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/png" href="img/WebLogo.png">
<link rel="stylesheet" type="text/css" href="css/style.css">
<!--W3-->
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<!--jQuery-->
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="js/script.js"></script>
<script>
jQuery(function(){
jQuery('#Klik').click();
});
</script>
</head>
<body class="Uses">
<a href="#" id="scroll" style="display: none;"></a>
<div class="layout-foreground">
<div id="blurred-image-container">
<div class="UsesImg"></div>
<div class="UsesImg blurred-image"></div>
</div>
<div class="Above AboveImg blurred-image"></div>
<div class="Header">
<img src="img/Logo.png" class="Logo">
<font class="Name">Chemical.ly <font style="font-size:3.75vh">™</font></font>
</div>
<div class="Nav">
<div class="Index">
<a href="index.html" class="w3-button w3-hover-white IndexWid Home">Home</a>
<br> <a href="HalamanLhivia.html" class="w3-button w3-hover-white IndexWid History">History</a>
<br> <a href="HalamanTharisa.html" class="w3-button w3-hover-white IndexWid Phys">Physical Prop.</a>
<br> <a href="HalamanDhea.html" class="w3-button w3-hover-white IndexWid Chem">Chemical Prop.</a>
<br> <a href="HalamanPersibJuara.html" class="w3-button w3-hover-white IndexWid Prep">Preparation</a>
<br> <a href="HalamanNesa.html" class="w3-button w3-hover-white IndexWid Ident">Identification</a>
<br> <a href="HalamanHilmi.html" class="w3-button w3-hover-white IndexWid Toxic">Toxicity</a>
<br> <a href="HalamanAlcoholic.html" class="w3-button w3-hover-white IndexWid Uses">Uses</a>
<br>
<br> <a href="AboutUs.html" class="w3-button w3-hover-white IndexWid About">About Us</a>
</div>
</div>
<div>
<div class="Card" style="height:155%;width:69%">
<div class="Name" style="font-size:3vh;color:white;position: absolute;top: 10%;left: 10%;transform: translate(-10%, -10%);">
<h1 style="padding-left:10%;font-family:Museo"><marquee scrollamount=”10”>Uses Of Phenol</marquee></h1>
<h3 style="padding-left:10%;font-family:Museo"> As Disinfectan</h3>
<p style="padding-left:10%;font-family:Museo"> Phenols are already very familiar in the life of an analyst, the other name is carbol / lisol. Phenols is an ingredient in the manufacture of disinfectant that used to kill microorganism </p>
<h3 style="padding-left:10%;font-family:Museo">As Coloring Substances</h3>
<p style="padding-left:10%;font-family:Museo" > Phenols are ingredients from indicator that usually use in the laboratory for the titration of acid base, for example is Phenolphthalein indicator.</p>
<h3 style="padding-left:10%;font-family:Museo">As Plastic Manufacturing</h3>
<p style="padding-left:10%;font-family:Museo">By reacting the phenol with formaldehyde, there will be resin phenol (synthetic resin) whose form is hard, strong, durable and can be printed under various conditions and including polymer thermostat so it’s often used for making plastic glass laminating coating material and others. </p>
<h3 style="padding-left:10%;font-family:Museo">As Adhesives and Preservatives</h3>
<p style="padding-left:10%;font-family:Museo">By condensing phenol and formaldehyde will be produced phenolic resin which has advantages in its dimensional balance and heat resistance, so it is used for brake linings, wood adhesives, metal adhesives and others. the price is also relatively cheap.</p>
<h3 style="padding-left:10%;font-family:Museo">As Synthesis Material of Compounds in Coal</h3>
<p style="padding-left:10%;font-family:Museo">Coal combustion will produce pollutants that pollute the air, phenols play a role in the synthesis of aromatic compounds present in coal into hydrocarbon oils (fuel,diesel, kerosene, even derivatives of aldehydes and ketones).Coal is converted to CO and H<sub>2</sub> (Syngas). Then Syn gas is converted to hydrocarbons by catalytic reaction.</p>
</div>
</div>
<div class="AnotherCard" style="height:25%;width:69%;top:270%"">
<div class="Maker">
<div class="MadeByPlace">
<font class="MadeBy">Made By</font>
</div>
<font class="MaUglassName">Najwa Azzahra S</font>
<div class="RolePlay">
<font class="Role">Angel , Writer </font>
</div>
</div>
<div class="Social">
<a href="https://www.instagram.com/najwasiradj/" target="_blank" style="text-decoration:none;">
<img src="img/Instagram.png" class="Icon">
</a>
<a href="https://www.facebook.com/najwaazzahra.siradj" target="_blank" style="text-decoration:none;">
<img src="img/Facebook.png" class="Icon">
</a>
<a href="https://najwaazzahra.github.io/" target="_blank" style="text-decoration:none;">
<img src="img/GitHub.png" class="Icon">
</a>
</div>
<div class="Love" >
<div class="LoveThis" onclick="clickCounter()">
<img src="img/Love.png" onmouseover="this.src='img/LoveHover.png'" onmouseout="this.src='img/Love.png'" class="LoveButton" />
</div>
<div class="Result" id="result"></div>
</div>
<div class="Gap"></div>
</div>
</body>
</html>