Page 82 - COPA VOL II of II - TP -Punjabi
P. 82

.nav_menu a {                               <div class = “nav_menu”>
                                left;                                   <a href = “#”>Home</a>
                     d      isplay: block;                              <a href = “#”>About</a>
                           color: white;                                <a href = “#”>Contact</a>
                     t     ext-align: center;                   </div>
                           padding: 14px 16px;                  <!-- Content section of website layout -->
                     t     ext-decoration: none;                <div class = “row”>
                    }
                    .nav_menu a:hover {                                 <div class = “columnA”>
                           background-color: white;                            <h2>Column  A  -  Objective</
                           color: green;                    h2>
                    }                                       <p>NIMI has been functioning as a Nodal Agency
                    /* CSS property for content section */  to  develop I nstructional M aterials,  e-content,
                    .columnA, .columnB, .columnC {          Question  Banks, T rain m edia  developers  and
                                                            trainers,  enable  translation  of  books i nto  Hindi
                                left;                       and o ther r egional l anguages,  network  with  other
                     w      idth: 31%;                      vocational s takeholders, c reate  resource  centers
                           padding: 15px;                   for vocational courses, promote research
                     t     ext-align:justify;                 development of instructional materials
                    }                                       consultancy services.</p>
                  h2 {                                                  </div>
                                                                        <div class = “columnB”>

                         color:green;                                            <h2>Column B - Vision</h2>
                   t      ext-align:center;                                      <p>Nimi  envisages t o  scale
                  }                                            global  benchmarks i n  vocational  education  as a
                  /* Media query to set website layout         Nodal Organization for curricula, instructional media
                  according to screen size */                  packages and Test Item development for vocational
                  @media screen and (max-width:600px)          courses in the country.</p>
       {                                                                  </div>
                   .      columnA, .columnB,  .columnC                    <div class = “columnC”>
       {                                                                         <h2>Column C - Mission</h2>
                                 width: 50%;                   <p>Nimi   proposes t  o   accelerate   vocational
                   }                                           training in the country through systemic curriculum
                  }                                            development,   production, d  issemination   of
        @    media screen and (max-width:400px) {              instructional m edia  packages  and  training  on
                                                               instructional m edia  by c losely  interacting  with t he
                  .columnA, .columnB, .columnC {               State  /  UT G overnments.,  Industries, I TIs  and
                                 width: 100%;                  Organizations involved in Vocational Training.</p>
                   }                                                      </div>
                  }                                             <   /div>
        <   /style>                                            </body>
       </head>                                              </html>
       <body>
        <   !-- header of website layout -->
           <div class = “header”>
                  <h2 s   tyle =   “  color:white;font -
       size:100%”>
                   N       ational I nstructional  M edia
       Institute (NIMI)
                  </h2>
        <   /div>
        <   !-- navigation menu of website layout -->



       68                       IT ਅਤੇ ITES : COPA (NSQF - ਸੰਸ਼ੋਧਭਤ 2022) - ਅਿਭਆਸ 1.31.114
   77   78   79   80   81   82   83   84   85   86   87