Social_Media/WebSites.html at main · mohnalkhateeb/Social_Media · 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
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
<!DOCTYPE html>
<html lang="en">
<head>
  <title>Social Media</title>
  <link rel="stylesheet" href="CSS/style.css">
  <!-- <style>
 ul {
  list-style-type: none;
  margin: 0;
  padding: 10;
  background-color: white;

}

li {
  display: inline;
  margin: 10;
  padding: 10px;
  text-align: left;

}
header {
  background-color: blue;
}
main {
  background-color :#448dee;
}
h6{
  text-align:mid;
}
th{
  padding: 35px;
  text-align: mid;

}
tr{
  background-color:#FFA500;
  width: 100%

}

</style> -->
</head>
<body>
  <header>
    <h1>Social Media in our Life</h1>
    <nav>
      <ul>
        <li>
          <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTT-8ruOQgQO8s_PHfvvjQekj3ePj_pVnwu_g&usqp=CAU.png" alt="logo" width="20" height="20">
        </li>

        <li>
          <a href="index.html">Home</a>
        </li>
        <li>

         <a href="Whatis.html">Social Media Type</a>

        </li>
        <li>
          <a href="WebSites.html">Social Media Websites</a>
        </li>
      </ul>
    </nav>


  </header>
  <main>
<article>
<section style="background-color:black;"><h4 class="secph">These are linkes for some social medai website</h4></section>
<section>
<table id="fullsc">
  <tr>
    <th>
      <a href="https://web.facebook.com"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQp75V8kXQZFLgUPp72dsKuk7go34j0aR4-Cg&usqp=CAU" alt="Facebook"  width="150" height="100px"</a>
    </th>
    <th>
      <a href="https://twitter.com"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRpAseY5cEAWpscUjSKnd-lJUfHN5FeMsTwaw&usqp=CAU" alt="twitter"  width="150" height="100px"</a>
    </th>
    <th>
     <a href="https://www.linkedin.com"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQzYyRPuM3F-Ew85UtVQYYfjc51g3P2Cb_y_A&usqp=CAU" alt="LinkedIn" width="150" height="100px"</a>
    </th>
  </tr>
</table>
</section>
<section>
  <table id="fullsc">
  <tr>
    <th>
      <a href="https://www.instagram.com"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSH9SltocOhcHC7Fsd8G6CHip6anxPTTHH1vw&usqp=CAU" alt="instagram"  width="150" height="100px"</a>
    </th>
    <th>
      <a href="https://www.youtube.com"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRTB_YfYYpjBjkz5yo6cBOWyoCvd24IOxX6ng&usqp=CAU" alt="Youtube"  width="150" height="100px"</a>
    </th>
    <th>
     <a href="https://www.snapchat.com"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSTq6fwnGa1vg9-YKi80dLBOpu1-lqK07yGlQ&usqp=CAU" alt="Snapchat" width="150" height="100px"</a>
    </th>
  </tr>
</table>
</section>
<section>
   <table id="fullsc">
  <tr>
    <th>
      <a href="https://wordpress.org"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSoiyDIV2HEwC1_IesBMjlijZVAO2yq3GypXA&usqp=CAU" alt="WordPress"  width="150" height="100px"</a>
    </th>
    <th>
      <a href="https://www.uber.com/jo/en/"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRhuuxeZPj8mjMErlJFGg6p_hUbhuKzt_5h6g&usqp=CAU" alt="Uber"  width="150" height="100px"</a>
    </th>
    <th>
     <a href="https://ask.fm"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcT6NJA24O9OfMhABSpkZyjaW8AJbacftNCk4g&usqp=CAU" alt="Ask.fm" width="150" height="100px"</a>
    </th>
  </tr>
</table>
</section>
</article>
  </main>
  <footer><p>CopyRight @Mohammad</p></footer>

</body>
</html>