├── script.js ├── style.css └── first.html /script.js: -------------------------------------------------------------------------------- 1 | 2 | var greeting = document.getElementById("greeting"); 3 | 4 | var currentHour = new Date().getHours(); 5 | if (currentHour < 12) { 6 | greeting.innerHTML = "Good morning"; 7 | } else if (currentHour < 18) { 8 | greeting.innerHTML = "Good afternoon"; 9 | } else { 10 | greeting.innerHTML = "Good evening"; 11 | } 12 | -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | body { 2 | font-family: Arial, sans-serif; 3 | margin: 0; 4 | padding: 0; 5 | } 6 | 7 | header { 8 | background-color: #0e0000; 9 | color: #fff; 10 | padding: 10mm; 11 | text-align: center; 12 | } 13 | 14 | header h1 { 15 | margin: 0; 16 | } 17 | 18 | nav { 19 | background-color: #ddd; 20 | padding: 1em; 21 | } 22 | 23 | nav ul { 24 | display: flex; 25 | list-style: none; 26 | margin: 0; 27 | padding: 0; 28 | } 29 | 30 | nav li { 31 | flex-grow: 1; 32 | text-align: center; 33 | } 34 | 35 | nav a { 36 | color: #333; 37 | display: block; 38 | text-decoration: none; 39 | } 40 | nav a:hover { 41 | background-color: #333; 42 | color: #fff; 43 | } 44 | 45 | main { 46 | padding: 2em; 47 | } 48 | 49 | section { 50 | background-color: #fff; 51 | border: 1px solid #ddd; 52 | padding: 1em; 53 | } 54 | 55 | section h2 { 56 | color: black; 57 | margin-top: 0; 58 | } 59 | 60 | form { 61 | display: flex; 62 | flex-wrap: wrap; 63 | } 64 | 65 | form label { 66 | flex-basis: 100%; 67 | margin-bottom: 1em; 68 | text-align: left; 69 | } 70 | 71 | form input[type="text"], 72 | form input[type="email"], 73 | form textarea { 74 | background-color: #f5f5f5; 75 | border: 1px solid #ddd; 76 | flex-basis: 100%; 77 | padding: 0.5em; 78 | } 79 | 80 | form input[type="submit"] { 81 | background-color: black; 82 | border: 0; 83 | color: #fff; 84 | cursor: pointer; 85 | flex-basis: 100%; 86 | padding: 1em; 87 | } 88 | 89 | footer { 90 | background-color: black; 91 | color: #fff; 92 | padding: 1em; 93 | text-align: center; 94 | } 95 | -------------------------------------------------------------------------------- /first.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | My Portfolio 6 | 7 | 8 | 9 |
10 |

My Portfolio

11 |
12 | 19 |
20 |
21 |

22 |

About Me

23 |

Hi there! I am Amine, a 20-year-old 1337 student with a passion for technology and programming. My exceptional skills and aptitude in the field set me apart from my peers and have allowed me to make a name for myself at such a young age. My mastery of coding and drive to continuously improve show my dedication to the field and my determination to succeed. I am confident that my love for technology will lead me to great achievements and opportunities in the future.

24 |
25 |
26 |

My Projects

27 | 31 |
32 |
33 |

Contact Me

34 |
35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 |
43 |
44 |
45 | 46 | 47 | 48 | --------------------------------------------------------------------------------