Programing_Miniproject/selection.html at varcel · dinonomous/Programing_Miniproject · GitHub

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
<!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>Document</title>
</head>
<body>

    <center><button onclick="doSomething()" style="font-size:50px; background-color:green; font-color:lightblue; border-radius:30px;">Math</button></center>
<center><button onclick="doSomething()" style="font-size:50px; background-color:green; font-color:lightblue; border-radius:30px;">Chemistry</button></center>
<center><button onclick="doSomething()" style="font-size:50px; background-color:green; font-color:lightblue; border-radius:30px;">Physics</button></center>
<center><button onclick="doSomething()" style="font-size:50px; background-color:green; font-color:lightblue; border-radius:30px;">English</button></center>
<style>
    body {background-color:#03acf0;background-image:url(https://images.hdqwalls.com/wallpapers/misty-mountains-abstract-5k-27.jpg);background-repeat:no-repeat;background-position:top left;background-attachment:fixed;}
    h1{
        text-align:center;font-family:'Trebuchet MS', sans-serif, serif;;letter-spacing: px;color:#FFFFFF;font-size:90px;}
    p {
        text-align:center;font-family:Times, serif;font-size:30px;font-style:normal;font-weight:normal;color:#FFFFFF;}


</style>

<center><img src="https://st5.depositphotos.com/39672126/63684/i/600/depositphotos_636841342-stock-photo-asian-woman-wearing-headphones-her.jpg.jpg" alt="error" class="center" style="width:700px; height:500px;"></center>

</body>
</html>