-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
91 lines (91 loc) · 5.07 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="./assets/css/style.css">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="./assets/css/style.css">
<link rel="apple-touch-icon" sizes="180x180" href="./assets/img/favicon/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" sizes="32x32" href="./assets/img/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="194x194" href="./assets/img/favicon/favicon-194x194.png">
<link rel="icon" type="image/png" sizes="192x192" href="./assets/img/favicon/android-chrome-192x192.png">
<link rel="icon" type="image/png" sizes="16x16" href="./assets/img/favicon/favicon-16x16.png">
<link rel="manifest" href="./assets/img/favicon/site.webmanifest">
<link rel="mask-icon" href="./assets/img/favicon/safari-pinned-tab.svg" color="#437d3e">
<link rel="shortcut icon" href="./assets/img/favicon/favicon.ico">
<meta name="apple-mobile-web-app-title" content="Abdur-Rahman's Resume">
<meta name="application-name" content="Abdur-Rahman's Resume">
<meta name="msapplication-TileColor" content="#00a300">
<meta name="msapplication-TileImage" content="./assets/img/favicon/mstile-144x144.png">
<meta name="msapplication-config" content="./assets/img/favicon/browserconfig.xml">
<meta name="theme-color" content="#0e6d16">
<title>A. Bilal</title>
<title>A. Bilal</title>
</head>
<body>
<header>
<div class="headtxt">
<h1><a href="">A. Bilal</a></h1>
</div>
<nav class="navigation">
<a href="/">Home</a>
<a href="#aboutme">Projects</a>
<a href="#contact">Contact</a>
</nav>
<div class="dropdown">
<button class="dropbtn">Language | اللغة</button>
<div class="dropdown-content">
<a href="./ar/">العربية</a>
<a href="./">en</a>
</div>
</div>
<!-- <div class="arabictxt">
<h3> <a href="">العربية</a></h3>
</div> -->
</header>
<main>
<div class="aboutme" id="aboutme">
<h1 class="aboutme-title">About Me</h1>
<p class="aboutme-text"> Welcome! My name is Abdur-Rahman and I am a young business manager. My knowledge of different technologies in the small business world is . With his 6+ years of experience with business and site technologies, your site is fit to be perfect.</p>
</div>
<div class="projects">
<h1 class="projects-title">Projects</h1>
<div class="projects-container">
<div class="project-item">
<img src="assets/img/ARAM1080trans.png" alt="project 1" class="project-img" width="50%">
<h3 class="project-title">Project 1</h3>
<p class="project-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut enim blandit volutpat maecenas. Tristique senectus et netus et malesuada fames ac turpis. Tincidunt ornare massa eget egestas purus viverra accumsan in. A pellentesque sit amet porttitor eget dolor morbi non arcu.</p>
<a href="./project1" class="project-link">View Project</a>
</div>
<div class="project-item">
<img src="assets/img/ARAM1080trans.png" alt="project 2" class="project-img" width="50%">
<h3 class="project-title">Project 2</h3>
<p class="project-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut enim blandit volutpat maecenas. Tristique senectus et netus et malesuada fames ac turpis. Tincidunt ornare massa eget egestas purus viverra accumsan in. A pellentesque sit amet porttitor eget dolor morbi non arcu.</p>
<a href="./project2" class="project-link">View Project</a>
</div>
<div class="project-item">
<img src="assets/img/ARAM1080trans.png" alt="project 3" class="project-img" width="50%">
<h3 class="project-title">Project 3</h3>
<p class="project-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut enim blandit volutpat maecenas. Tristique senectus et netus et malesuada fames ac turpis. Tincidunt ornare massa eget egestas purus viverra accumsan in. A pellentesque sit amet porttitor eget dolor morbi non arcu.</p>
<a href="./project3" class="project-link">View Project</a>
</div>
</div>
</div>
<div class="contact-form" id="contact">
<h1>Contact</h1>
<form action="https://submit-form.com/5UfSEX8Z" autocomplete="on" class="form">
<label for="name">Name:</label>
<input type="text" name="name" id="name" required>
<label for="email">Email:</label>
<input type="email" name="email" id="email" required>
<label for="message">Message:</label>
<textarea name="message" id="message" required></textarea>
<input type="submit" value="Submit" id="submit">
</form>
</div>
</body>
</html>