|
| 1 | +<!DOCTYPE html> |
| 2 | +<html lang="en"> |
| 3 | + |
| 4 | +<head> |
| 5 | + <meta charset="UTF-8"> |
| 6 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> |
| 7 | + <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| 8 | + <title>Welcome</title> |
| 9 | + |
| 10 | + <!--Google Fonts Link--> |
| 11 | + <link rel="preconnect" href="https://fonts.googleapis.com"> |
| 12 | + <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> |
| 13 | + <link href="https://fonts.googleapis.com/css2?family=Cabin:wght@400;500;600;700&display=swap" rel="stylesheet"> |
| 14 | + |
| 15 | + <!--CSS Style Sheet--> |
| 16 | + <<style> |
| 17 | + body { |
| 18 | + font-family: 'Cabin'; |
| 19 | + scroll-behavior: smooth; |
| 20 | +} |
| 21 | + |
| 22 | +body::-webkit-scrollbar { |
| 23 | + width: 12px; |
| 24 | +} |
| 25 | + |
| 26 | +body::-webkit-scrollbar-track { |
| 27 | + background-color: white; |
| 28 | +} |
| 29 | + |
| 30 | +body::-webkit-scrollbar-thumb { |
| 31 | + background-color: rgb(24, 24, 24); |
| 32 | + border-radius: 50px; |
| 33 | + border: none; |
| 34 | +} |
| 35 | + |
| 36 | +nav { |
| 37 | + width: 200px; |
| 38 | + height: 50px; |
| 39 | + border-bottom: 2px solid lightgray; |
| 40 | + margin-left: 30px; |
| 41 | + text-transform: uppercase; |
| 42 | + font-weight: 600; |
| 43 | + font-size: 25px; |
| 44 | +} |
| 45 | + |
| 46 | +img { |
| 47 | + width: 30%; |
| 48 | + margin: 1.4444%; |
| 49 | + cursor: pointer; |
| 50 | + transition: all 0.5s ease; |
| 51 | +} |
| 52 | + |
| 53 | +img:hover { |
| 54 | + transform: scale(0.9); |
| 55 | +} |
| 56 | + |
| 57 | +</style> |
| 58 | +</head> |
| 59 | + |
| 60 | +<body> |
| 61 | + <nav>Shakir.dev</nav> |
| 62 | + |
| 63 | + <!--First three images--> |
| 64 | + <img src="https://images.unsplash.com/photo-1490276190462-3c300f98bfc4?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8M3x8bW9ub2Nocm9tZXxlbnwwfHwwfHx8MA%3D%3D&auto=format&fit=crop&w=500&q=60" alt=""> |
| 65 | + <img src="https://images.unsplash.com/photo-1543416862-d16de5c6909a?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8OXx8bW9ub2Nocm9tZXxlbnwwfHwwfHx8MA%3D%3D&auto=format&fit=crop&w=500&q=60" alt=""> |
| 66 | + <img src="https://images.unsplash.com/photo-1616456606983-ae6724f15749?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTZ8fG1vbm9jaHJvbWV8ZW58MHx8MHx8fDA%3D&auto=format&fit=crop&w=500&q=60" alt=""> |
| 67 | + |
| 68 | + <!--Second three images--> |
| 69 | + <img src="https://images.unsplash.com/photo-1616488312210-d0298a0d1c25?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTh8fG1vbm9jaHJvbWV8ZW58MHx8MHx8fDA%3D&auto=format&fit=crop&w=500&q=60" alt=""> |
| 70 | + <img src="https://images.unsplash.com/photo-1626111771414-83cbb9c53692?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NjB8fG1vbm9jaHJvbWV8ZW58MHx8MHx8fDA%3D&auto=format&fit=crop&w=500&q=60" alt=""> |
| 71 | + <img src="https://images.unsplash.com/photo-1626111771222-1981984dc10e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1yZWxhdGVkfDR8fHxlbnwwfHx8fHw%3D&auto=format&fit=crop&w=500&q=60" alt=""> |
| 72 | + |
| 73 | + <!--Third three images--> |
| 74 | + <img src="https://images.unsplash.com/photo-1523569192958-41988e0f1f52?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NDJ8fG1vbm9jaHJvbWV8ZW58MHx8MHx8fDA%3D&auto=format&fit=crop&w=500&q=60" alt=""> |
| 75 | + <img src="https://images.unsplash.com/photo-1504690574041-99c6b3858d69?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NDR8fG1vbm9jaHJvbWV8ZW58MHx8MHx8fDA%3D&auto=format&fit=crop&w=500&q=60" alt=""> |
| 76 | + <img src="https://images.unsplash.com/photo-1487260211189-670c54da558d?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1yZWxhdGVkfDE0fHx8ZW58MHx8fHx8&auto=format&fit=crop&w=500&q=60" alt=""> |
| 77 | + |
| 78 | +</body> |
| 79 | + |
| 80 | +</html> |
0 commit comments