Web-dev/text.html at main · tanjumul/Web-dev · 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
88
89
90


<body class="behind">


   <style>
      p{
         font-family: Arial;
      }
   </style>


<P class="text">Here i am learning Web_developing and i call it as web technology , <br>sounds cool right ! You shoud learn it too</P>
<button class="join-now">Try now </button>
<style>

   .text{

      font-size: 27px;
   text-align: center;
   font-family: 'Segoe UI';
   font-weight: bold;
   font-style: italic;
   line-height: 80px;
   }
</style>


<style>
      .join-now{
         padding-right: 30px;
         padding-left:30px;
         padding-top: 12px;
         padding-bottom: 12px;
         vertical-align: text-top;
         margin-left: 850px;
         border-radius: 10px;
         margin-bottom: 20px;
         color: black;
         background-color: aqua;
         cursor: pointer;

      }

         .join-now:hover{

            background-color: aliceblue;

            opacity: .78px;
            transition: 0.4s;

         }


   </style>

    <p class="apple-text"> Shop early for the best selection for the holiday. <span class="under"> Shop now </span> &#62  </p>

    <style>
        .apple-text{

         font-size: 23px;
         margin-left: 20px;
         margin-bottom: 50px;
         background-color: red;
         color:aliceblue;
         text-align: center;
         padding-top: 18px;
         padding-bottom: 18px;

      }
    .under{
      cursor: pointer;

    }
    .under:hover{
       text-decoration: underline;
    }
   </style>


</body>