-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathverify.html
107 lines (104 loc) · 4.61 KB
/
verify.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
106
107
<!DOCTYPE html>
<html lang="en">
<!-- Copyright by LTP 10/04/2023. All data is reversed -->
<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">
<link rel="icon" href="https://cdn.crfnetwork.com/images/crf/crf-logo-clean.png" type="image/x-icon">
<meta property="og:title" content="CRF Education">
<meta property="og:description" content="CRF Education - CRF Network">
<meta property="og:image" content="https://cdn.crfnetwork.com/images/crf/crf-banner.png">
<meta property="og:url" content="https://education.crfnetwork.com">
<meta property="og:type" content="website">
<title>Certificate Showcase</title>
<link rel="stylesheet" href="./style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
</head>
<!-- Copyright by LTP 10/04/2023. All data is reversed -->
<body>
<header>
<nav>
<a href="/"><img src="https://cdn.crfnetwork.com/images/crf/crf-banner-clean.png" alt="logo"
class="logo"></a>
<ul>
<li><a href="#">Trang chủ</a></li>
<li><a href="#">Khoá học</a></li>
<li><a href="#">Về chúng tôi</a></li>
<li><a href="#">Liên hệ</a></li>
</ul>
<div class="search-container">
<form action="#">
<input type="text" placeholder="Tìm kiếm ...">
<button type="submit"><i class="fa fa-search"></i></button>
</form>
</div>
</nav>
<div class="mobile-menu">
<i class="fa fa-search search"></i>
<i class="fa fa-bars menu"></i>
</div>
</header>
<main>
<section class="certificate">
<!-- add certificate image or iframe here -->
<!-- <iframe src="#" width="100%" height="575px"></iframe> -->
<!-- <embed src="#" type="application/pdf"> -->
<embed src="#" type="application/pdf" id="certImg">
<div id="error-message" style="display: none;">
<p>Error, could not load data.</p>
<p>Parameters provided does not match our records</p>
<p>Example: <b><code>?id=CMS001</code></b></p>
</div>
</section>
<section class="details">
<h1>Course Title</h1>
<p>Student Name</p>
<p>Teacher Comments and Grade</p>
</section>
<section class="description">
<h2>Course Description</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed fringilla vel enim a ullamcorper. Donec
commodo auctor nulla sed pretium. Aliquam vel ipsum blandit, varius quam sed, euismod est. Integer
posuere euismod risus, eget dapibus lorem dignissim sit amet. Vivamus in risus lacinia, mattis leo ac,
pulvinar enim. Praesent consectetur, turpis euismod luctus hendrerit, sapien orci ornare metus, id
imperdiet purus metus vel odio.</p>
<!-- add school information here -->
<div class="buttons">
<button class="download">
<i class="fa fa-download"></i>
Download Certificate
</button>
<button class="share">
<i class="fa fa-share"></i>
Share on Facebook
</button>
</div>
</section>
<div class="dialog">
<div class="dialog-content">
<div class="dialog-title">
<h3>Title</h3>
<i class="fa fa-times close"></i>
</div>
<div class="dialog-body">
<p>Message here.</p>
<form action="#">
<input type="text" placeholder="Email Address" value="">
<button type="button">Button</button>
</form>
</div>
</div>
</div>
</main>
<footer>
<div class="footer">
<div class="copyright">Copyright 2023 © <b>Coding Reshape Future</b></div>
<div class="infor">CRF Education - Coding Reshape Future Co. LTD</div>
</div>
</footer>
<script src="./render.js"></script>
<script src="./script.js"></script>
</body>
<!-- Copyright by LTP 10/04/2023. All data is reversed -->
</html>