js-activity/course.html at master · Krishnapushpan/js-activity · 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
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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="dark:bg-black">
    <div class=" flex bg-purple-200">
        <img src="images/logo.png" alt="" class="w-16 ml-0 flex justify-start">
        <nav class="w-full  h-18 text-fuchsia-900 font-bold bg-purple-200  flex justify-end	mt-4" >
                <a  class="mr-8" href="homepage.html">Home</a>
                <a  class="mr-8"  href="course.html">Course</a>
                <a  class="mr-8"  href="contact.html">Contact Us</a>
                <a  class="mr-8"  href="addcourse.html">Add Course</a>
                <a  class="mr-8 text-fuchsia-900 hover:bg-purple-900 " href="login.html">Login</a>
              </nav>
            </div>

     <br>
     <br>
     <p class="font-bold decoration-rose-900">All courses</p>
     <br>
     <br>
     <div class="grid grid-cols-2 ">

        <div class="flex flex-col item-center  mt-8 mx-10 py-10 my-10 bg-purple-200 m-2 p-4 text-center rounded-md shadow-lg">
            <p class="font-bold text-fuchsia-900" >Blockchain</p>
            <img class="h-48 w-4/5 ml-10 mt-4 mb-4" src="course1.jpeg" alt="">
            <p class="text-justify">similique consequuntur quidem enim maxime, molestias non, ipsum accusantium ullam reiciendis consequatur explicabo in laboriosam natus ex eum libero..</p>
            <br>
            <br>
           <button class=" decoration-pink-300 w-24 bg-purple-800 rounded-full ml-24"><a href="learnmore.html">Learn more</a></button>
           <br>  <div id="button">
            <script>
              let but=document.getElementById("button")
let rbutton1= document.createElement("input")
rbutton1.type="radio";
rbutton1.name="feed"
but.appendChild(rbutton1)
but.appendChild(document.createTextNode("good"));

let rbutton2= document.createElement("input")
rbutton2.type="radio";
rbutton2.name="feed"
but.appendChild(rbutton2)
but.appendChild(document.createTextNode("average"));

let rbutton3=document.createElement("input")
rbutton3.type="radio"
rbutton3.name="feed"
but.appendChild(rbutton3)
but.appendChild(document.createTextNode("bad"))
            </script>
           </div>
         </div>

     </div>
</body>
</html>