responsive/html at master · danarose01/responsive · 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
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Document</title>
	<link rel="stylesheet" href="style.css">
</head>
<body>
   <section id="header">
   <img src="images/logo.png" class="logo">
	  <img src="images/app.png" class="logoo">
	  <img src="images/google.png" class="logoos">
	  <ul>
	    <a href="#">About</a>
		<a href="#">Features</a>
		<a href="#">Support</a>
		<a href="#"><b>Log in</b></a>
		<a href="#"><font color="red">Sign up</font></a>
	 </ul>
	  <div class="header-text">
	  <h1>A fresh<b> social</b><br><b>networking</b><br>environment</h1>

	  <p>Be creative and express your thoughts through photos and<br>videos.Never miss out and discover what's happening with
	  <br>the people you follow.</p>


		</header>
	  </div>
      </div>
   </section>


<!--about -->

<section id="about">
   <div class="head">
   <h4>Distance is not a<br> problem as long as<br><b>you're connected</b></h4>
   <h6>Call friends and family as often as you want,for as long as<br>you want.Free international voice and video calls make it
   <br>easy to stay connected.</h6>
   <div class="text">
	  <h2>How BestApp Works</h2>
	  <p>stay tuned as we continuously develop the best<br>social media app for you.<br><br><font color="blue">&#8594;
	  Read more about</font></p>
	</div>
	<div class="social">
	<h1>Straightforward Social<br>Networking Features</h1>
	<h2><font color="orange">&#10004;</font> Audio and video calls<br><font color="orange">&#10004;</font>
	Add or invite friends from your contact list.<br><font color="orange">&#10004;</font> Audio and video calls<br>
	<font color="orange">&#10004;</font> Receive messages from someone you are not yet connected.</h2>
	<img src="images/app.png" class="lo">
	<img src="images/google.png" class="los">

	</div>
</section>


</body>
</html>


<!--feature -->

<section id="feature">
   <div class="feat">
   <h1><b>Get more with Chat Extensions</b></h1>
   <p>Search, find and share music, GIFS, videos, restaurants,<br>events, hotels and more through your favourite websites<br>
   without ever leaving your chats.<br><br>The information you share is safeguarded by our security <br>
   systems so you never have to think twice about what you<br>can or can't share when you are using BestApp.</p>
   <img src="images/snip.png" class="log">

	</div>
	<div class="banner">
	<img src="images/lady.png" class="loog">
	<h2><font color="white"><b>Samanta Kelley</b><br>Founder</font></h2>
	<p><font color="white">The information you share is safeguarded by<br> our security systems so you never have to think<br>
	twice about what you can or can't share when <br>you are using BestApp.<br>__</font></p>

	</div>
	<div class="ban">
	<h1><font color="silver">E-mail address</font></h1>
	<h2>Want to get news and updates?</h2>
	<img src="images/arrow.jpg" class="loga">
	</div>
	<div class="end">
	<img src="images/logo.png" class="logo1">
	<h3><font color="white">About Feature Support</font></h3>
	<img src="images/apple.png" class="logop">
	<img src="images/play.png" class="logol">
	</div>


</section>


</body>
</html>