generated from Code-Institute-Org/gitpod-full-template
-
Notifications
You must be signed in to change notification settings - Fork 0
/
skype-account.html
97 lines (92 loc) · 3.63 KB
/
skype-account.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="assets/css/style.css">
<title>Silver Connections</title>
</head>
<body>
<!-- The header will contain the Title for the website and a breaf introduction informing
the website mission and directions how to start -->
<header>
<h1>Creating a Skype account</h1>
<div class="topandbotton">
<div>
<h2>Don't have an account?</h2>
<p>
Creating an Skype account is simple and the Username can be your mobile phone number or your email address.
The process is simple and will take only feel steps to be completed.
</p>
<p>
<strong>Remember:</strong> If you choose to use a phone, a SMS with a code will be sent for verification,
if you choose to use an email, an email with a code will be sent for verification.
</p>
</div>
</div>
</header>
<!-- The main section will be presenting the cards with options to be chosen by the user -->
<section class="main">
<!-- A card container created to hold all the cards and be able to make them responsible -->
<div class="card-container">
<div class="card">
<h3>Basic Information</h3>
<img src="assets/img/skype/1-skypelogin.png"/>
<ul>
<li>Phone number or Email</li>
<li>Create Password</li>
<li>Inform your name</li>
<li>Inform Country and DOB</li>
<li>Receive a verification code</li>
</ul>
</div>
<div class="card">
<h3>Profile Picture</h3>
<img src="assets/img/skype/2-skypechoosepic.png"/>
<p>Here you can upload your favorite picture to your profile.<br>
If you prefer just tap or click in Continue.</p>
</div>
<div class="card">
<h3>Test the Audio</h3>
<img src="assets/img/skype/3-skypetestaudio.png"/>
<ul>
<li>Speak and observe</li>
<li>Click on Test Audio</li>
<li>Click Make a free test call</li>
<li>Click in Continue</li>
</ul>
</div>
<div class="card">
<h3>Test the Video</h3>
<img src="assets/img/skype/4-skypetestvideo.png"/>
<ul>
<li>Can you see yourself?</li>
<li>Turn on/off background</li>
<li>Upload a background image</li>
<li>Click in Continue to finish</li>
</ul>
</div>
</div>
</section>
<footer>
<div class="topandbotton">
<div id="foot">
<p>
To return to the main page or back, please click one of the buttons bellow:
</p>
<div id="double-button">
<a href="index.html">
<p class="button">HOME</p>
</a>
<a href="skype.html">
<p class="button">BACK</p>
</a>
</div>
</div>
</div>
<div class="designby">
<p>Designed by BI Team 10 - Hackathon 2020</p>
</div>
</footer>
</body>
</html>