Dev-Portofolio/index.html at main · CSMTYYA/Dev-Portofolio · 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
<!doctype html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="Developer portfolio — projects, about, and contact.">
	<title> Mohamed Tamer — Dev-Portfolio</title>
	<link rel="stylesheet" href="style.css">
</head>
<body>
	<main>
		<section class="hero">
			<div class="container">
				<h1 class="press-start"> Mohamed Tamer </h1>
				<p class="lead press-start">Aspiring Software Engineer</p>
			</div>
		</section>
		<section class="about container">
			<h2 class="subheaders">◉About</h2>
			<p>Hey, I'm Mohamed Tamer a Junior student at FCAI-CU.
                <br> I'm 18 years old
                <br>I'm interested in software and web development.
                <br> My cousins helped me to learn some basics and motivated me to enter this major.
            </p>
		</section>
<br>
		<section class="container">
			<h2 class="subheaders">◉Projects</h2>
			<div class="card-list">
				<article class="card">
					<h3>Project #1: Dev-Portofolio</h3>
                    <p><strong>Project Requester: </strong>Github Course</p>
					<p><strong>Project description: </strong><br>This project is for learning github basics and how to create repo, branches, tags,
                        <a class="githublink" href="https://github.com/OmarElzero/Github-Course">etc...</a></p>
				</article>
				<article class="card">
					<h3> Project #2: Python learning demo</h3>
                    <p><strong>Project Requester: </strong>FCAI-CU</p>
					<p><strong>Project description: </strong><br> learning the basics of coding in <a class= "pythonlink" href="https://www.python.org/doc/essays/blurb/"> <em><strong>python</strong></em></a> language in college</p>
				</article>
			</div>
		</section>
        <section class="container">
			<h2 class="subheaders"> ◉C&C </h2>
			<div class="card-list">
				<article class="certify">
					<h3>Course #1: Github</h3>
                    <p><strong> Course instructor:</strong> <a class="course-link" href="https://www.linkedin.com/in/omar-betawy-493357290/" >Omar Betawy</a></p>
					<p><strong> course certificate: <br> <img class="certificate" width="100" src=https://image2url.com/images/1763840230874-2b1d8735-f992-4e1d-881d-cfab1fb76e07.jpg></strong></p>
				</article>
				</div>
		</section>

	</main>

	<footer class="site-footer">
		<div class="container">
			<section class="contact">
				<ul class="social">
					<li> <a href="mailto:csmtyya@gmail.com"><img width="60" src=https://image2url.com/images/1763839957819-c03ec5ba-e983-4ffe-a340-774b8078cf9d.png></a></li>
					<li><a href="https://www.linkedin.com/in/mohamed-tamer-98a13b332/"><img width="40" src="https://image2url.com/images/1763839274300-610145bf-6cb6-4211-b7b5-5911e10fd541.png"  target="_blank" rel="noopener"></a></li>
					<li><a href="https://github.com/CSMTYYA" target="_blank" rel="noopener"><img width="50" src="https://image2url.com/images/1763840127019-362fc132-3294-43dd-a5f1-1468bbdbd22d.png"></a></li>
				</ul>
			</section>
			<p>© <span>2025</span> Mohamed Tamer — Built with HTML & CSS.</p>
		</div>
	</footer>
</body>
</html>