Skip to content

N
nodejs-60-2
Commit dea00224 authored by tanapoom's avatar tanapoom
Browse files
Options

Replace blank.html

parent 9cd05f59
Hide whitespace changes
Inline Side-by-side
Showing with 58 additions and 32 deletions
Pingendo/New Site/blank.html
View file @ dea00224
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css">
<link rel="stylesheet" href="theme.css" type="text/css"> </head>
<head></head>
<body>
<div class="py-5 bg-success bg-gradient filter-dark cover text-center text-uppercase" style="background-image: url(&quot;https://pingendo.github.io/templates/sections/assets/cover_event.jpg&quot;);background-position:center center;">
<div class="container py-5">
<div class="row">
<div class="col-md-12">
<h1 class="display-3 mb-4 text-primary">Hello</h1>
<p class="lead mb-5"></p>
<p id="demo"></p>
<a href="#" class="btn btn-lg mx-1 btn-secondary" onclick="showname()">ชื่อ</a>
<a href="#" class="btn btn-lg btn-primary mx-1" onclick="showmail()">email</a>
<script>
function showname(){
document.getElementById("demo").innerHTML = "ธนภูมิ";
}
</script>
<script>
function showmail(){
document.getElementById("demo").innerHTML = "thanaphum.su.57@ubu.ac.th";
}
</script>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<body background="https://newevolutiondesigns.com/images/freebies/city-wallpaper-9.jpg">
<style>
h1 {
font-size: 300%;
font-family: verdana;
color: #9966ff;
}
</style>
<style>
h2 {
font-size: 300%;
font-family: verdana;
color: #cc7a00;
}
</style>
<center>
<h1>HELLO</h1>
</center>
<style>
img {
border-radius: 50%;
}
</style>
<center>
<h2 id="text"></h2>
</center>
<center>
<img src="https://scontent.fbkk5-7.fna.fbcdn.net/v/t1.0-9/15541554_1239073759509521_3773952788403877873_n.jpg?oh=cb29b6d47ce9c85283e251266ef23321&amp;oe=5B498137" width="200"> </center>
<style>
.button {
background-color: #4CAF50;
border: none;
color: white;
padding: 20px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
border-radius: 8px;
}
</style>
<center>
<button class="button" onclick="showname()">NAME</button>
<button class="button" onclick="showmail()">EMAIL</button>
</center>
<script>
function showname(){
document.getElementById("text").innerHTML = "THANAPHUM SUPANNUT";
}
</script>
<script>
function showmail(){
document.getElementById("text").innerHTML = "THANAPHUM.SU.57@UBU.AC.TH";
}
</script>
<pingendo onclick="window.open('https://pingendo.com/', '_blank')" style="cursor:pointer;position: fixed;bottom: 10px;right:10px;padding:4px;background-color: #00b0eb;border-radius: 8px; width:180px;display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:14px;color:white">Made with Pingendo&nbsp;&nbsp;
<img src="https://pingendo.com/site-assets/Pingendo_logo_big.png" class="d-block" alt="Pingendo logo" height="16">
</pingendo>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment