practice_section-B/c.html at main · nitin-999-code/practice_section-B · 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
<!DOCTYPE html>
<html lang="en">
<head>

    <title>Badge Design</title>
   <style>
       #badge-container{
           width: 250px;
           height: 250px;
           background-color: #f0f0f0;
           border: solid 2px;
           margin: auto;
           padding: 10px;
           text-align: center;
       }
       .badge-title{
        font-weight: bold;
        font-size: 18px;
       }
       .badge-logo{
        width: 100px;
        height: 100px;
        border-radius: 50%;


       }
</style>

</head>
<body>

    <div id="badge-container">
        <span class="badge-title">Gold Member</span>
        <div class="badge-logo"></div>
        <span class="badge-label">Achievement Unlocked</span>
    </div>

</body>
</html>