PageSourceSearch
Opt out API access

https://mis.lpru.ac.th/login?rl=https://mis.lpru.ac.th/slip

html lpru.ac.th collected 2026-09-24 09:30:45 UTC 15,634 bytes, 450 lines download raw bytes 

1<!DOCTYPE html>
2<html lang="th">
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, shrink-to-fit=no">
8    <meta NAME="Author" CONTENT="Lampang Rajabhat University">
9    <meta NAME="keywords" CONTENT="Lampang Rajabhat University,LPRU MIS,ระบบสารสนเทศ มหาวิทยาลัยราชภัฏลำปาง">
10    <meta NAME="Keywords" lang="th" CONTENT="ระบบสารสนเทศ มหาวิทยาลัยราชภัฏลำปาง,Lampang Rajabhat University,Lampang,Thailand,Lampang,Thai,University,lpru,rajabhat,มหาวิทยาลัยราชภัฏลำปาง, ลำปาง, มหาวิทยาลัยราชภัฏ, Lampang,Rajabhat,University,LPRU,lpru,สถาบันอุดมศึกษา">
11    <meta name="description" content="ระบบสารสนเทศ มหาวิทยาลัยราชภัฏลำปาง,Lampang Rajabhat University มหาวิทยาลัยเพื่อการพัฒนาท้องถิ่น" />
12    <meta property="og:locale" content="th_TH" />
13    <meta property="og:type" content="article" />
14    <meta property="og:title" content="ระบบสารสนเทศ มหาวิทยาลัยราชภัฏลำปาง - LPRU MIS" />
15    <meta property="og:description" content="ระบบสารสนเทศ มหาวิทยาลัยราชภัฏลำปาง - LPRU MIS" />
16    <meta property="og:url" content="/" />
17    <meta property="og:site_name" content="ระบบสารสนเทศ มหาวิทยาลัยราชภัฏลำปาง - LPRU MIS" />
18    <meta property="article:publisher" content="https://www.facebook.com/LampangRajabhatUniversity" />
19    <meta name="expires" content="never" />
20
21    <link rel="shortcut icon" href="/public/favicon/lpru-logo.ico" type="image/x-icon">
22    <link rel="icon" href="/public/favicon/lpru-logo32X32.png" sizes="32x32">
23    <link rel="icon" href="/public/favicon/lpru-logo48X48.png" sizes="48x48">
24    <link rel="icon" href="/public/favicon/lpru-logo96X96.png" sizes="96x96">
25    <link rel="icon" href="/public/favicon/lpru-logo144X144.png" sizes="144x144">
26
27    <link href="/public/bootstrap/css/bootstrap.min.css" rel="stylesheet">
28    <link href="/public/fontawesome/css/all.min.css" rel="stylesheet">
29    <link href="/public/css/jquery-confirm.min.css?i=1" rel="stylesheet">
30
31    <title>LPRU ACCOUNT : mis.lpru ระบบสารสนเทศ</title>
32
33    <style>
34        :root {
35            --primary: #0d6efd;
36            --secondary: #6c757d;
37            --success: #28a745;
38            --dark: #343a40;
39            --light: #f8f9fa;
40            --body-bg: #f0f2f5;
41        }
42        
43        body {
44            font-family: 'Sarabun', sans-serif;
45            background-color: var(--body-bg);
46            margin: 0;
47            padding: 0;
48            min-height: 100vh;
49            display: flex;
50            flex-direction: column;
51        }
52        
53        /* Header Styles */
54        .header {
55            background: #27ae60;
56            color: white;
57            padding: 1.5rem 0;
58            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
59        }
60        
61        .header-container {
62            display: flex;
63            align-items: center;
64            justify-content: space-between;
65            max-width: 1200px;
66            margin: 0 auto;
67            padding: 0 20px;
68        }
69        
70        .header-logo {
71            display: flex;
72            align-items: center;
73            gap: 15px;
74        }
75        
76        .header-logo img {
77            height: 60px;
78            width: auto;
79        }
80        
81        .header-title {
82            line-height: 1.2;
83        }
84        
85        .header-title h1 {
86            font-size: 1.75rem;
87            margin: 0;
88            font-weight: 600;
89        }
90        
91        .header-title p {
92            font-size: 1rem;
93            margin: 0;
94            opacity: 0.9;
95        }
96        
97        /* Main Content Styles */
98        .main-content {
99            flex: 1;
100            padding: 3rem 0;
101            display: flex;
102            align-items: center;
103            justify-content: center;
104        }
105        
106        .auth-container {
107            max-width: 600px;
108            width: 100%;
109            padding: 0 20px;
110        }
111        
112        .auth-card {
113            background-color: white;
114            border-radius: 12px;
115            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
116            padding: 2.5rem;
117            text-align: center;
118            margin-bottom: 2rem;
119            transition: transform 0.3s ease;
120        }
121        
122        .auth-card:hover {
123            transform: translateY(-5px);
124        }
125        
126        .auth-icon {
127            background: linear-gradient(135deg, #0d6efd 0%, #0a58ca 100%);
128            color: white;
129            width: 80px;
130            height: 80px;
131            border-radius: 50%;
132            display: flex;
133            align-items: center;
134            justify-content: center;
135            font-size: 2.5rem;
136            margin: 0 auto 1.5rem;
137            box-shadow: 0 5px 15px rgba(13, 110, 253, 0.3);
138        }
139        
140        .auth-title {
141            font-size: 2rem;
142            font-weight: 600;
143            margin-bottom: 1rem;
144            color: var(--dark);
145        }
146        
147        .auth-description {
148            color: var(--secondary);
149            margin-bottom: 2rem;
150            font-size: 1.1rem;
151            line-height: 1.6;
152        }
153        
154        .sso-button {
155            display: inline-block;
156            background: linear-gradient(135deg, #0d6efd 0%, #0a58ca 100%);
157            color: white;
158            padding: 0.9rem 2.5rem;
159            font-size: 1.2rem;
160            border-radius: 50px;
161            border: none;
162            box-shadow: 0 5px 15px rgba(13, 110, 253, 0.3);
163            transition: all 0.3s ease;
164            text-decoration: none;
165            margin-bottom: 1.5rem;
166        }
167        
168        .sso-button:hover {
169            transform: translateY(-3px);
170            box-shadow: 0 8px 20px rgba(13, 110, 253, 0.4);
171            color: white;
172            text-decoration: none;
173        }
174        
175        .sso-button:active {
176            transform: translateY(-1px);
177            box-shadow: 0 2px 10px rgba(13, 110, 253, 0.4);
178        }
179        
180        .benefits-list {
181            max-width: 400px;
182            margin: 0 auto;
183            text-align: left;
184            background-color: rgba(13, 110, 253, 0.05);
185            padding: 1.5rem;
186            border-radius: 10px;
187        }
188        
189        .benefits-list ul {
190            padding-left: 0;
191            list-style: none;
192            margin-bottom: 0;
193        }
194        
195        .benefits-list li {
196            position: relative;
197            padding-left: 30px;
198            margin-bottom: 0.75rem;
199            color: var(--dark);
200        }
201        
202        .benefits-list li:last-child {
203            margin-bottom: 0;
204        }
205        
206        .benefits-list li:before {
207            content: "\f00c";
208            font-family: "Font Awesome 5 Free";
209            font-weight: 900;
210            color: var(--success);
211            position: absolute;
212            left: 0;
213            top: 0;
214        }
215        
216        .auth-divider {
217            position: relative;
218            text-align: center;
219            margin: 2rem 0;
220        }
221        
222        .auth-divider:before {
223            content: "";
224            position: absolute;
225            top: 50%;
226            left: 0;
227            right: 0;
228            height: 1px;
229            background-color: #dee2e6;
230        }
231        
232        .auth-divider span {
233            position: relative;
234            display: inline-block;
235            padding: 0 15px;
236            background-color: white;
237            color: var(--secondary);
238            font-size: 0.9rem;
239        }
240        
241        .thaid-section {
242            background-color: white;
243            border-radius: 12px;
244            padding: 2rem;
245            text-align: center;
246            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
247        }
248        
249        .thaid-button {
250            display: flex;
251            align-items: center;
252            justify-content: center;
253            background-color: white;
254            border: 2px solid #e9ecef;
255            color: var(--dark);
256            padding: 0.75rem 2rem;
257            font-size: 1.1rem;
258            border-radius: 50px;
259            transition: all 0.3s ease;
260            text-decoration: none;
261            margin: 0 auto 1rem;
262            max-width: 300px;
263            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
264        }
265        
266        .thaid-button:hover {
267            border-color: #ced4da;
268            background-color: #f8f9fa;
269            color: var(--dark);
270            text-decoration: none;
271            transform: translateY(-2px);
272            box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
273        }
274        
275        .thaid-button img {
276            height: 28px;
277            margin-right: 12px;
278        }
279        
280        .thaid-info {
281            font-size: 0.9rem;
282            color: var(--secondary);
283        }
284        
285        .thaid-info a {
286            color: var(--primary);
287            text-decoration: none;
288        }
289        
290        .thaid-info a:hover {
291            text-decoration: underline;
292        }
293        
294        /* Footer Styles */
295        .footer {
296            background-color: white;
297            border-top: 1px solid #dee2e6;
298            padding: 2rem 0;
299            margin-top: auto;
300        }
301        
302        .footer-container {
303            max-width: 1200px;
304            margin: 0 auto;
305            padding: 0 20px;
306            display: flex;
307            flex-wrap: wrap;
308            justify-content: space-between;
309            align-items: center;
310        }
311        
312        .footer-links {
313            display: flex;
314            gap: 1.5rem;
315        }
316        
317        .footer-links a {
318            color: var(--secondary);
319            text-decoration: none;
320            display: flex;
321            align-items: center;
322            font-size: 0.95rem;
323            transition: color 0.2s;
324        }
325        
326        .footer-links a i {
327            margin-right: 0.5rem;
328        }
329        
330        .footer-links a:hover {
331            color: var(--primary);
332        }
333        
334        .footer-copyright {
335            color: var(--secondary);
336            font-size: 0.9rem;
337            margin-top: 1rem;
338        }
339        
340        /* Responsive Styles */
341        @media (max-width: 768px) {
342            .header-container {
343                flex-direction: column;
344                text-align: center;
345                gap: 15px;
346            }
347            
348            .header-logo {
349                flex-direction: column;
350                gap: 10px;
351            }
352            
353            .auth-card {
354                padding: 2rem 1.5rem;
355            }
356            
357            .footer-container {
358                flex-direction: column;
359                gap: 1rem;
360                text-align: center;
361            }
362            
363            .footer-links {
364                flex-direction: column;
365                gap: 1rem;
366                margin-bottom: 1rem;
367            }
368        }
369    </style>
370</head>
371
372<body>
373    <!-- Header Section -->
374    <header class="header">
375        <div class="header-container">
376            <div class="header-logo">
377                <img src="https://mis.lpru.ac.th/public/img/lpru-logo.png" alt="มหาวิทยาลัยราชภัฏลำปาง">
378                <div class="header-title">
379                    <h1>LPRU MIS</h1>
380                    <p>ระบบสารสนเทศ มหาวิทยาลัยราชภัฏลำปาง</p>
381                </div>
382            </div>
383        </div>
384    </header>
385
386    <!-- Main Content Section -->
387    <main class="main-content">
388        <div class="auth-container">
389            <div class="auth-card">
390                <div class="auth-icon">
391                    <i class="fas fa-user-shield"></i>
392                </div>
393                <h2 class="auth-title">ระบบยืนยันตัวตนกลาง</h2>
394                <p class="auth-description">
395                    ระบบยืนยันตัวตนกลาง (SSO) ช่วยให้คุณสามารถเข้าถึงบริการต่างๆ ของมหาวิทยาลัยราชภัฏลำปาง ด้วยบัญชีผู้ใช้เดียว
396                     
397                </p>
398                
399                <a href="/login/sso" class="sso-button">
400                    <i class="fas fa-sign-in-alt mr-2"></i> เข้าสู่ระบบ
401                </a>
402                
403                <div class="benefits-list">
404                    <ul>
405                        <li>เข้าถึงทุกระบบด้วยบัญชีผู้ใช้เดียว</li> 
406                        <li>ไม่ต้องจดจำรหัสผ่านหลายชุด</li> 
407                        <li>จัดการบัญชีผู้ใช้ได้ง่ายขึ้น</li>
408                    </ul>
409                </div>
410            </div>
411            
412            <div class="auth-divider">

413                <span>หรือ</span>
414            </div>
415            
416            <div class="thaid-section">
417                <a href="/idp/login" class="thaid-button">
418                    <img src="/public/img/d.dopa.jpg" alt="ThaID">
419                    <span>ลงชื่อเข้าใช้งานด้วย ThaID</span>
420                </a>
421                <div class="thaid-info">
422                    ไม่รู้จัก ThaID? <a href="https://www.bora.dopa.go.th/app-thaid/" target="_blank" rel="nofollow">คลิกเพื่อดูรายละเอียด</a>
423                </div>
424            </div>
425        </div>
426    </main>
427
428    <!-- Footer Section -->
429    <footer class="footer">
430        <div class="footer-container">
431            <div class="footer-links">
432                <a href="/">
433                    <i class="fas fa-home"></i> หน้าหลัก
434                </a>
435                <a href="/index/report">
436                    <i class="fas fa-exclamation-circle"></i> แจ้งปัญหาการใช้งาน
437                </a> 
438            </div>
439            <div class="footer-copyright">
440                &copy; 2026 มหาวิทยาลัยราชภัฏลำปาง - ระบบสารสนเทศ
441            </div>
442        </div>
443    </footer>
444
445    

445<script src="https://mis.lpru.ac.th/public/js/jquery-3.3.1.min.js"></script>

445
446    

446<script src="https://mis.lpru.ac.th/public/bootstrap/js/bootstrap.min.js"></script>

446
447    

447<script src="https://mis.lpru.ac.th/public/js/jquery-confirm.min.js"></script>

447
448</body>
449
450</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.