mywebsite/interview.html at main · code2crown/mywebsite · 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
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
<!DOCTYPE html>

<html lang="en" dir="ltr">
   <head>
      <meta charset="utf-8">
      <title>Result | Interviewee </title>
      <link rel="stylesheet" href="interview.css">
      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"/>
   </head>
   <body>
    <h2 class="header">
        Best Interviewee of Interview 1
     </h2>
      <div class="container">
         <div class="wrapper">
            <a href="#">
            <img src="Areeba_Photo_1-removebg-preview-modified.png" alt="">
            </a>
            <div class="title">
               Areeba Ansari
            </div>
            <div class="place">
               BCA 1st Year Student
            </div>
         </div>
         <div class="content">
            <p>
               Best communicater and <br>Quick Learner
            </p>
            <div class="stars">
               <label for="star-1" class="star-1 fas fa-star"></label>
               <label for="star-2" class="star-2 fas fa-star"></label>
               <label for="star-3" class="star-3 fas fa-star"></label>
               <label for="star-4" class="star-4 fas fa-star"></label>
               <label for="star-5" class="star-5 fas fa-star"></label>
             </div>
         </div>

         <div class="icons">

            <li><a href="https://instagram.com/aleena_ansari54?igshid=YmMyMTA2M2Y=" target="_blank"><span class="fab fa-instagram"></span></a></li>
         </div>
      </div>
      <h2 class="header">
         <br><br>
        Best Interviewee of Interview 2
     </h2>
      <div class="container">
         <div class="wrapper">
            <a href="#">
            <img src="Hardik_img-removebg-preview.png" alt="">
            </a>
            <div class="title">
               Hardik Agarwal
            </div>
            <div class="place">
               BCA 2nd Year Student
            </div>
         </div>
         <div class="content">
            <p>
               Sharp Learner and <br>Hard Worker
            </p>
            <div class="stars">
               <label for="star-1" class="star-1 fas fa-star"></label>
               <label for="star-2" class="star-2 fas fa-star"></label>
               <label for="star-3" class="star-3 fas fa-star"></label>
               <label for="star-4" class="star-4 fas fa-star"></label>
               <label for="star-5" class="star-5 fas fa-star"></label>
             </div>
         </div>

         <div class="icons">

            <li><a href="https://instagram.com/singer_boy_2004?igshid=ZDdkNTZiNTM=" target="_blank"><span class="fab fa-instagram"></span></a></li>
         </div>
      </div>
      <script>
         const img = document.querySelector("img");
         const icons = document.querySelector(".icons");
         img.onclick = function(){
           this.classList.toggle("active");
           icons.classList.toggle("active");
         }
      </script>
   </body>
</html>