-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
132 lines (105 loc) · 4.48 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
126
127
128
129
130
131
132
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="Abdilkani Eidle's Portofolio for DCI Web Dev Final Project">
<title>Portofolio Website</title>
<link rel="stylesheet" href="styles/styles.css">
<link href="https://fonts.googleapis.com/css?family=Merriweather|Montserrat|Sacramento" rel="stylesheet">
<link rel="icon" href="favicon.ico">
<script src="https://unpkg.com/ionicons@5.1.2/dist/ionicons.js"></script>
</head>
<body>
<!-- top container -->
<div class="top-container">
<img class="header-img" src="https://catalin.red/dist/uploads/2011/12/css3-header-wrapper.png" width="100%"
height="80px" alt="bluewhite background">
<nav>
<a href="index.html">home</a>
<a href="skills.html">Skills</a>
<a href="about.html">About</a>
<a href="contact.html">Contacts</a>
<a href="projects.html">Projects</a>
</nav>
<div class="title-text">
<h1>Contact me here👋</h1>
</div>
<img class="bottom-cloud" src="images/cloud.png" alt="cloud">
<img class="mountain" src="images/mountain.png" alt="mountain-img">
</div>
<!-- middle container -->
<div class="middle-container">
<div class="profile">
<h2>Fill the form then send message.</h2>
<form action="/cabdiqanimuuse7@gmail.com">
<label for="fname">First Name</label>
<input type="text" id="fname" name="firstname" placeholder="Your name..">
<label for="lname">Last Name</label>
<input type="text" id="lname" name="lastname" placeholder="Your last name..">
<label for="lname">Email</label>
<input id="checkbox" type="email" id="email" name="email" placeholder="Your Email..">
<label for="subject">Subject</label>
<textarea class="middle-container" id="subject" name="subject" placeholder="Send us a message .."
style="height:200px"></textarea>
<label for="">Recieve News letter</label>
<input type="checkbox" name="checkbox" id="checkbox">
<input id="submit" type="submit" value="Submit">
</form>
</div>
<hr>
<div class="socialm">
<h2>Social Media</h2>
<a href="https://www.linkedin.com/in/abdilkani-muse-eidle-2312771b4/">
<ion-icon name="logo-linkedin"></ion-icon>
</a>
<a href="https://github.com/cmi112">
<ion-icon name="logo-github"></ion-icon>
</a>
<a href="">
<ion-icon name="logo-twitter"></ion-icon>
</a>
<a href="https://www.facebook.com/CMI-Somali-Tech-642781549673264">
<ion-icon name="logo-facebook"></ion-icon>
</a>
<a href="https://www.youtube.com/channel/UC3MN3n5iyEvSCRM3fz-ND1w?view_as=subscriber">
<ion-icon name="logo-youtube"></ion-icon>
</a>
<div class="skill-row">
<a class="btn" href="mailto:cmisomtech@gmail.com">Email me </a>
</div>
<div class="skill-row">
<h3>Address</h3>
<!-- google map iframe -->
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d81089.4562739423!2d8.461150114652789!3d50.57051804908214!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47bc5abf234ca33b%3A0x8b91f63173675d95!2sWetzlar!5e0!3m2!1sen!2sde!4v1600774052579!5m2!1sen!2sde"
width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false"
tabindex="0"></iframe></iframe>
</div>
</div>
<hr>
<div class="contact-me">
<h2>Get In Touch</h2>
<h3>I am available to work as a Front-End Web Developer.</h3>
<p class="contact-message">35578 Wetzlar</p>
<p class="contact-message">Tel:+491771665824</p>
<a class="btn" href="mailto:caabieidle@gmail.com">CONTACT ME</a>
</div>
<!-- Emails from the visitors of the website -->
<a
href="mailto:email-caabieidle@gmail.com?cc=email-cc@gmail.com&bcc=email-bcc@gmail.com&subject=Subject Using Mailto.co.uk&body=Email Using Body">Email
me</a>
</div>
</div>
<!-- Bottom container -->
<div class="bottom-container">
<a class="footer-link" href="https://www.linkedin.com/in/abdilkani-muse-eidle-2312771b4/"
target="_blank">LinkedIn</a>
<a class="footer-link" href="https://twitter.com/" target="_blank">Twitter</a>
<a class="footer-link" href="https://github.com/cmi112">GitHub</a>
<a class="footer-link" href="" target="_blank">Website</a>
<p class="copyright">©
<script>document.write(new Date().getFullYear())</script> Abdilkani Eidle
</p>
</div>
</body>
</html>