OUSL_EXAMPLE_

Starred Gists，GitHub Gist，即时分享代码、笔记与代码片段。关注
<!DOCTYPE html>
<head>
The Open University of Sri Lanka - About Us
</head>
<body>

The Open University of Sri Lanka
</div>
  • Home
    		•
  • About Us
    		•
  • Courses
    		•
  • Gallery
    		•
  • Contact
    		•
    </ul>
    </nav>
    </header>

    About the Institution

    The Open University of Sri Lanka (OUSL) has the same legal status as all other state universities in Sri Lanka. It is unique as the only university designed to offer higher education via distance and online learning programs.
    </section>

    Vision & Mission

    Vision: To be the premier Open and Distance Learning institution in Asia, renowned for academic excellence, accessibility, and innovation.

    Mission: To expand lifelong learning opportunities through flexible distance education using cutting-edge technology and educational methods.
    </section>

    University Facilities
  • Main Campus Library at Nawala & Regional Center Libraries
    		•
  • Audio Visual Production Centre (AVPC)
    		•
  • Computer & Engineering Laboratories across Regional Centres
    		•
  • Online Student Portal & Learning Management System (LMS)
    		•
    </ul>
    </section>

    Student Information

    OUSL serves over 40,000 students across Sri Lanka. With 9 Regional Centres (Colombo, Kandy, Jaffna, Matara, Anuradhapura, Kurunegala, Batticaloa, Badulla, Ratnapura) and 18 Study Centres, students receive local tutorial and laboratory support.
    </section>
    </main>

    © 2026 The Open University of Sri Lanka. All Rights Reserved.
    </footer>
    </body>
    </html>
    <!DOCTYPE html>
    <head>
    The Open University of Sri Lanka - Contact Us
    </head>
    <body>

    The Open University of Sri Lanka
    </div>
  • Home
    		•
  • About Us
    		•
  • Courses
    		•
  • Gallery
    		•
  • Contact
    		•
    </ul>
    </nav>
    </header>

    Contact OUSL Head Office

    Address & Details

    Address: The Open University of Sri Lanka, Nawala, Nugegoda 10250, Sri Lanka.

    Telephone: +94 11 2881000 / +94 11 2881256

    Email: info@ou.ac.lk
    </section>

    Inquiry Form
    Full Name:
    Email Address:
    Inquiry Type / Faculty:
    Faculty of Engineering Technology
    Faculty of Natural Sciences
    Faculty of Management Studies
    General Student Admissions
    </select>
    Your Message:
    </form>
    </section>

    Social Media Links
    Facebook |
    YouTube |
    LinkedIn
    </p>
    </section>
    </main>

    © 2026 The Open University of Sri Lanka. All Rights Reserved.
    </footer>
    </body>
    </html>
    <!DOCTYPE html>
    <head>
    The Open University of Sri Lanka - Courses
    </head>
    <body>

    The Open University of Sri Lanka
    </div>
  • Home
    		•
  • About Us
    		•
  • Courses
    		•
  • Gallery
    		•
  • Contact
    		•
    </ul>
    </nav>
    </header>

    Academic Degree Programs

    OUSL offers certificate, diploma, undergraduate, and postgraduate programs across six faculties.
    Course Name
    Description
    Duration
    </tr>
    </thead>
    Bachelor of Software Engineering Honours (BSE)
    Focuses on software design, object-oriented programming, cloud computing, and Web development.
    4 Years
    </tr>
    Bachelor of Science (B.Sc.) Honours Degree
    Offers specializations in Mathematics, Physics, Chemistry, Botany, Zoology, and Computer Science.
    4 Years
    </tr>
    Bachelor of Management Studies (BMS) Honours
    Prepares students for leadership roles in Human Resource, Marketing, and Accounting management.
    4 Years
    </tr>
    Bachelor of Technology Honours in Engineering (B.Tech)
    Covers Civil, Electrical, Mechanical, Agricultural, and Mechatronics engineering streams.
    4 Years
    </tr>
    Bachelor of Laws (LL.B.)
    Comprehensive legal education catering to career opportunities in Sri Lankan and international law.
    4 Years
    </tr>
    </tbody>
    </table>
    </section>
    </main>

    © 2026 The Open University of Sri Lanka. All Rights Reserved.
    </footer>
    </body>
    </html>
    * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    }
    body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    background-color: #f4f6f9;
    color: #2c3e50;
    margin: 0;
    padding: 0;
    }
    header {
    background-color: #002147;
    color: #ffffff;
    padding: 20px 40px;
    }
    .logo-container {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
    }
    .logo-container img {
    height: 60px;
    border: none;
    padding: 0;
    margin: 0;
    }
    main {
    max-width: 1100px;
    margin: 30px auto;
    padding: 0 20px;
    }
    h1, h2, h3, h4, h5, h6 {
    color: #002147;
    font-weight: bold;
    margin-bottom: 15px;
    }
    h1 {
    font-size: 28px;
    }
    h2 {
    font-size: 22px;
    border-bottom: 3px solid #d4af37;
    padding-bottom: 6px;
    margin-top: 20px;
    }
    p {
    color: #4a5568;
    font-size: 16px;
    margin-bottom: 15px;
    }
    nav {
    background-color: #00152e;
    padding: 12px 20px;
    border-radius: 4px;
    }
    nav ul {
    list-style-type: none;
    display: flex;
    gap: 20px;
    }
    nav ul li a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 16px;
    font-weight: bold;
    display: block;
    }
    nav ul li a:hover {
    background-color: #d4af37;
    color: #002147;
    border-radius: 4px;
    }
    a {
    color: #0056b3;
    text-decoration: underline;
    }
    a:hover {
    color: #d4af37;
    text-decoration: none;
    }
    table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 25px;
    background-color: #ffffff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    }
    th, td {
    padding: 12px 15px;
    border: 1px solid #e2e8f0;
    text-align: left;
    }
    th {
    background-color: #002147;
    color: #ffffff;
    font-weight: bold;
    }
    tr:nth-child(even) {
    background-color: #f8fafc;
    }
    tr:hover {
    background-color: #edf2f7;
    }
    form {
    background-color: #ffffff;
    padding: 25px;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    width: 100%;
    max-width: 550px;
    margin-bottom: 25px;
    }
    label {
    display: block;
    margin-bottom: 6px;
    font-weight: bold;
    color: #002147;
    }
    input[type="text"],
    input[type="email"],
    select,
    textarea {
    width: 100%;
    height: 40px;
    padding: 8px 12px;
    margin-bottom: 15px;
    border: 1px solid #cbd5e0;
    border-radius: 4px;
    font-family: inherit;
    font-size: 14px;
    background-color: #ffffff;
    }
    textarea {
    height: 110px;
    }
    button,
    input[type="submit"] {
    background-color: #002147;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 24px;
    border: 2px solid #d4af37;
    border-radius: 4px;
    cursor: pointer;
    height: 44px;
    }
    button:hover,
    input[type="submit"]:hover {
    background-color: #d4af37;
    color: #002147;
    }
    img {
    max-width: 100%;
    height: auto;
    border: 2px solid #002147;
    border-radius: 6px;
    margin-bottom: 15px;
    }
    .gallery-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 20px;
    }
    .gallery-grid figure {
    width: 31%;
    margin: 0;
    background-color: #ffffff;
    padding: 10px;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    text-align: center;
    }
    .gallery-grid figcaption {
    font-weight: bold;
    color: #002147;
    margin-top: 8px;
    }
    footer {
    background-color: #00152e;
    color: #ffffff;
    text-align: center;
    padding: 20px;
    margin-top: 40px;
    }
    <!DOCTYPE html>
    <head>
    The Open University of Sri Lanka - Gallery
    </head>
    <body>

    The Open University of Sri Lanka
    </div>
  • Home
    		•
  • About Us
    		•
  • Courses
    		•
  • Gallery
    		•
  • Contact
    		•
    </ul>
    </nav>
    </header>

    Campus Life Gallery
    </figure>
    </figure>
    </figure>
    </figure>
    </figure>
    </figure>
    </div>
    </main>

    © 2026 The Open University of Sri Lanka. All Rights Reserved.
    </footer>
    </body>
    </html>
    <!DOCTYPE html>
    <head>
    The Open University of Sri Lanka (OUSL) - Home
    </head>
    <body>

    The Open University of Sri Lanka
    </div>
  • Home
    		•
  • About Us
    		•
  • Courses
    		•
  • Gallery
    		•
  • Contact
    		•
    </ul>
    </nav>
    </header>

    Welcome to OUSL

    Welcome to The Open University of Sri Lanka (OUSL), the premier national university dedicated to Open and Distance Learning (ODL) in Sri Lanka.
    </section>

    Short Introduction

    Established under the Universities Act No. 16 of 1978, OUSL allows students to pursue higher education flexible with their lifestyle through dynamic distance-learning methodologies, regional centers island-wide, and modern virtual learning environments (VLE).
    </section>
    </main>

    © 2026 The Open University of Sri Lanka. All Rights Reserved.
    </footer>
    </body>
    </html>
    添加评论
    点赞收藏
    点踩分享查看原文
    评论
    ?
    参与讨论