-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
125 lines (109 loc) · 5.74 KB
/
contact.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
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
123
124
125
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href=".\Asset\Image\icon.png">
<link rel="stylesheet" href="./Asset/CSS/style.css">
<title>Aymen M./ Contact</title>
</head>
<body>
<!-- Navigation -->
<div class="wrapper">
<header>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="myworks.html">My Works</a></li>
</ul>
</nav>
</header>
<div class="info-flex">
<div class="flex-item item1">
<img id="mypic" src=".\Asset\Image\1.jpg" alt="Aymen Mohammednur" width="400">
</div>
<br><br>
<div class="flex-item item2">
<h1 id="head1">Aymen Mohammednur / Contact</h1>
<h3>Student</h3>
<p class="about">
I'm an Ethiopian student who is currently in his 2nd year as a Software Engineering Major and an aspiring photographer.
My early childhood could be categorized under many things, Fun being the common thing between them. You could say I was a
late bloomer since i started talking when I was 4 years old. My high school experience was somehow an on and off rodeo.
Good and bad memories filled with unforgettable things. I'm now majoring in Software Engineering at Addis Ababa Institute of
Technology. I'm living a great life with new and old friends and I'm addicted to photography and football as I am a huge
Arsenal Fan.
</p>
</div>
</div>
<div class="border"></div>
<div id="form">
<h3>Leave Me a Comment:</h3>
<div id="formleft">
<form method="POST" action="mailto:[email protected]" enctype="utf-8">
<label for="fName">First Name</label>
<br>
<input type="text" name="fName" id="fName" required pattern="[A-Z][a-z]{1,15}">
<br>
<label for="lName">Last Name</label>
<br>
<input type="text" name="lName" id="lName" required pattern="[A-Z][a-z]{1,15}">
<br>
<label for="email">E-Mail</label>
<br>
<input type="email" name="email" id="email">
<br>
<label for="password">Password</label>
<br>
<input type="password" name="password" id="password" required pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{6,}">
<br>
<label for="country">Country</label>
<br>
<select name="country" id="country">
<option value="Ethiopia">Ethiopia</option>
<option value="USA">USA</option>
<option value="Canada">Canada</option>
<option value="Uganda">Uganda</option>
<option value="Italy">Italy</option>
<option value="England">England</option>
</select>
<br>
<label for="detail">What do you say?</label>
<br>
<textarea name="detail" id="" cols="30" rows="14" placeholder="Write something here"></textarea>
<br>
<label for="tel">Telephone - format (251)988-345622</label>
<br>
<div id="tel">
(<input name="tel1" type="tel" pattern="[0-9]{3}" placeholder="###" aria-label="3-digit area code" size="2"/>) -
<input name="tel2" type="tel" pattern="[0-9]{3}" placeholder="###" aria-label="3-digit prefix" size="2"/> -
<input name="tel3" type="tel" pattern="[0-9]{6}" placeholder="####" aria-label="6-digit number" size="3"/>
</div>
<label id="datetime" for="datetime">Choose the Date</label>
<br>
<input type="datetime-local" name="datetime">
<br>
<div id="forrate">
<label id="rate" for="rate">Rate This Website Out of 10</label>
<input type="number" name="rate" min="0" max="10" step="1">
<br>
</div>
<input type="submit" name="Submit" id="submit">
</form>
</div>
</div>
<div class="border"></div>
<div class="links">
<a href="https://www.facebook.com/profile.php?id=100004844058220&ref=bookmarks" target="_blank" rel="noopener noreferrer">Facebook</a>
<a href="http://t.me/Aymenua" target="_blank" rel="noopener noreferrer">Telegram</a>
<a href="http://www.instagram.com" target="_blank" rel="noopener noreferrer">Instagram</a>
<a href="http://www.twitter.com" target="_blank" rel="noopener noreferrer">Twitter</a>
</div>
<div class="border"></div>
<p align ="center">Developed by Aymen Mohammednur ©</p>
</div>
</body>
</html>