1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>Login Portals</title> 7 <style> 8 * { 9 margin: 0; 10 padding: 0; 11 box-sizing: border-box; 12 } 13 14 body { 15 font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 16 background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); 17 min-height: 100vh; 18 display: flex; 19 align-items: center; 20 justify-content: center; 21 padding: 20px; 22 } 23 24 .container { 25 max-width: 1200px; 26 width: 100%; 27 } 28 29 .header { 30 text-align: center; 31 margin-bottom: 50px; 32 } 33 34 .header h1 { 35 color: white; 36 font-size: 2.5rem; 37 margin-bottom: 10px; 38 text-shadow: 2px 2px 4px rgba(0,0,0,0.2); 39 } 40 41 .header p { 42 color: rgba(255,255,255,0.9); 43 font-size: 1.1rem; 44 } 45 46 .cards-grid { 47 display: grid; 48 grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); 49 gap: 30px; 50 padding: 20px; 51 } 52 53 .login-card { 54 background: white; 55 border-radius: 20px; 56 padding: 40px 30px; 57 box-shadow: 0 20px 60px rgba(0,0,0,0.3); 58 transition: transform 0.3s ease, box-shadow 0.3s ease; 59 position: relative; 60 overflow: hidden; 61 } 62 63 .login-card::before { 64 content: ''; 65 position: absolute; 66 top: 0; 67 left: 0; 68 right: 0; 69 height: 5px; 70 background: linear-gradient(90deg, #667eea, #764ba2); 71 } 72 73 .login-card:hover { 74 transform: translateY(-10px); 75 box-shadow: 0 25px 70px rgba(0,0,0,0.4); 76 } 77 78 .card-icon { 79 width: 80px; 80 height: 80px; 81 margin: 0 auto 25px; 82 background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); 83 border-radius: 50%; 84 display: flex; 85 align-items: center; 86 justify-content: center; 87 box-shadow: 0 10px 30px rgba(102, 126, 234, 0.4); 88 } 89 90 .card-icon svg { 91 width: 40px; 92 height: 40px; 93 fill: white; 94 } 95 96 .card-title { 97 font-size: 1.8rem; 98 color: #333; 99 margin-bottom: 15px; 100 text-align: center; 101 font-weight: 600; 102 } 103 104 .card-description { 105 color: #666; 106 text-align: center; 107 margin-bottom: 30px; 108 line-height: 1.6; 109 } 110 111 .login-btn { 112 display: block; 113 width: 100%; 114 padding: 15px; 115 background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); 116 color: white; 117 text-decoration: none; 118 text-align: center; 119 border-radius: 10px; 120 font-size: 1.1rem; 121 font-weight: 600; 122 transition: all 0.3s ease; 123 border: none; 124 cursor: pointer; 125 box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4); 126 } 127 128 .login-btn:hover { 129 transform: scale(1.05); 130 box-shadow: 0 8px 25px rgba(102, 126, 234, 0.6); 131 } 132 133 .card-features { 134 list-style: none; 135 margin: 20px 0; 136 padding: 0; 137 } 138 139 .card-features li { 140 padding: 8px 0; 141 color: #555; 142 display: flex; 143 align-items: center; 144 } 145 146 .card-features li::before { 147 content: 'â'; 148 color: #667eea; 149 font-weight: bold; 150 margin-right: 10px; 151 font-size: 1.2rem; 152 } 153 154 @media (max-width: 768px) { 155 .header h1 { 156 font-size: 2rem; 157 } 158 159 .cards-grid { 160 grid-template-columns: 1fr; 161 } 162 } 163 </style> 164</head> 165<body> 166 <div class="container"> 167 <div class="header"> 168 <h1>Welcome to St. Anselm's Pink City</h1> 169 </div> 170 171 <div class="cards-grid"> 172 <div class="login-card"> 173 <div class="card-icon"> 174 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> 175 <path d="M12 2L2 7v10c0 5.55 3.84 10.74 9 12 5.
17516-1.26 9-6.45 9-12V7l-10-5zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V9h7V2.99c3.72 1.15 6.47 4.82 7 8.94h-7v1.06z"/> 176 </svg> 177 </div> 178 <h2 class="card-title">Admission Portal</h2> 179 <a href="http://admission.stanselmspinkcity.in/admin/login" class="login-btn" target="_blank">Login to Admissions</a> 180 </div> 181 182 <div class="login-card"> 183 <div class="card-icon"> 184 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> 185 <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z"/> 186 </svg> 187 </div> 188 <h2 class="card-title">Admin Portal</h2> 189 <a href="http://stanselmspinkcity.in/admin/login" target="_blank" class="login-btn">Login to Admin</a> 190 </div> 191 </div> 192 </div> 193</body> 194</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.