materialize/bibliotecas.php at master · ManuelFernandesff7/materialize · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
<!DOCTYPE html>
  <html>
    <head>
      <!--Import Google Icon Font-->
      <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
      <!--Import materialize.css-->
      <link type="text/css" rel="stylesheet" href="css/materialize.min.css"  media="screen,projection"/>

      <!--Let browser know website is optimized for mobile-->
      <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
      <style type="text/css">
        .modal.bottom-sheet{
          max-height: 70%;
        }
      </style>
    </head>

    <body>

    <nav class="amber accent-4">
    <div class="nav-wrapper">
      <a href="#!" class="brand-logo"><img class="responsive-img" src="images/logo_uanl_head.png"></a>
      <a href="#" data-activates="mobile-demo" class="button-collapse"><i class="material-icons">menu</i></a>
      <ul class="right hide-on-med-and-down">
        <li><a href="sass.html" class="black-text">Inicio</a></li>
        <li><a href="badges.html" class="black-text">Conocénos</a></li>
        <li><a href="collapsible.html" class="black-text">Biblioteca Digital</a></li>
        <li><a href="mobile.html" class="black-text">Bibliotecas</a></li>
        <li><a href="mobile.html" class="black-text">Herramientas</a></li>
      </ul>
      <ul class="side-nav amber accent-4" id="mobile-demo">
        <li><a href="sass.html" class="black-text">Inicio</a></li>
        <li><a href="badges.html" class="black-text">Conocénos</a></li>
        <li><a href="collapsible.html" class="black-text">Biblioteca Digital</a></li>
        <li><a href="mobile.html" class="black-text">Bibliotecas</a></li>
        <li><a href="mobile.html" class="black-text">Herramientas</a></l
      </ul>
    </div>
  </nav>

<div class="container z-depth-1">
<div class="row">
    <div class="col s12 l12">
      <h3 class="black-text">Directorio de Bibliotecas</h3>
    </div>
</div>
  <div class="row">
    <div class="col s12 l12">
      <div class="divider"></div>
  <div class="section">
    <h5>Administración Central</h5>
    <p>
      <!-- Modal Trigger -->
      <ul class="collection z-depth-2">
        <li> <a class="waves-effect white black-text btn" href="#modal1">1. Capilla Alfonsina Biblioteca Universitaria</a>
  </li>
  <li><br /><a class="waves-effect white black-text btn" href="#modal1">2. Biblioteca Universitaria "Raúl Rangel Frías"</a>
 </li>
  <li><br /><a class="waves-effect white black-text btn" href="#modal1">3. Biblioteca de Ciencias Agropecuarias y Biológicas</a>
</li>
      </ul>

  <!-- Modal Structure -->
  <div id="modal1" class="modal bottom-sheet">
    <div class="modal-content">
        <div class="container">
          <div class="row">
            <div class="col s8 l8">
              <img class="responsive-img" src="images/cabu.jpg">

            </div>
             <div class="col s4 l4">
              Links relacionados<br />
              <div class="chip">
    <img src="images/rm-cabu.jpg" alt="Contact Person">
    Capilla Alfonsina
  </div>
  <div class="chip">
    <img src="images/facebook.jpg" alt="Contact Person">
    Facebook Capilla Alfonsina
  </div>


            </div>
          </div>
          <div class="row">
            <div class="col s12 l8">
               <p class="black-text" style="text-align: justify;">La Capilla Alfonsina Biblioteca Universitaria se inauguró oficialmente el 13 de noviembre de 1980 en el edificio creado especialmente para ello en nuestra máxima casa de estudios, y en enero de 1981, comenzó a ofrecer sus servicios a la comunidad universitaria y al público en general, contando además con otros fondos bibliográficos y hemerográficos.</p>
            </div>
            <div class="col s12 l4 center-align">
            <p class="black-text ">Responsable de Biblioteca</p>
            <img class="responsive-img" src="images/101.jpg">
            <p>Dr. Porfirio Tamez Solís</p>
            <p>porfirio.tamezs@uanl.mx</p>
            </div>
          </div>
          <div class="row">
              <div class="col s12 l4">
              <strong>Ubicación:</strong><br />
              Ciudad Universitaria<br />
              San Nicolás de los Garza, Nuevo León, México
              </div>
               <div class="col s12 l4">
               <strong>Teléfono:</strong> <br />
(81) 83.29.40.15 Ext. 4015
              </div>
               <div class="col s12 l4">
               <strong>Fax:</strong><br />
(81) 83.29.40.45
              </div>
            </div>
            <div class="row">
              <div class="col s12 l4">
            <strong>Horarios:</strong><br />
Lunes a Viernes, 8:00 a 22:00 hrs.
              San Nicolás de los Garza, Nuevo León, México
              </div>
               <div class="col s12 l8">
              <strong>Acervo de la biblioteca:</strong><br />
Libros: 130,518 títulos y 167,391 volúmenes<br />
Revistas: 3,254 títulos y 225,640 fascículos<br />
Tesis impresas: 21,119 títulos y 22,886 volúmenes<br />
Tesis electrónicas: 1,411 títulos y 1,413 volúmenes<br />
Videos: 49 títulos y 64 volúmenes<br />
Audio: 18 títulos y 65 volúmenes<br />
Mapas: 18 títulos y 18 volúmenes<br />
Microfilms: 198 títulos y 217 volúmenes
              </div>
            </div>
        </div>

    </div>
    <div class="modal-footer">
      <a href="#!" class=" modal-action modal-close waves-effect waves-green btn-flat">Agree</a>
    </div>
  </div>
    </p>
  </div>
  <div class="divider"></div>
  <div class="section">
    <h5>Especializadas y de Investigación</h5>
    <p>Stuff</p>
  </div>
  <div class="divider"></div>
  <div class="section">
    <h5>Posgrado</h5>
    <p>Stuff</p>
  </div>
  <div class="divider"></div>
  <div class="section">
    <h5>Pregrado (Facultades)</h5>
    <p>Stuff</p>
  </div>
  <div class="divider"></div>
  <div class="section">
    <h5>Educación Media Superior (Preparatorias y Técnicas)</h5>
    <p>Stuff</p>
  </div>

    </div>
  </div>
</div>

 <footer class="amber accent-4 page-footer">
          <div class="container">
            <div class="row">
              <div class="col l3 s12">
                <img class="responsive-img" src="images/vision2020.png">
              </div>
              <div class="col l6 s12">
              <h5>Dirección</h5>
                <p>
                Av. Alfonso Reyes No. 4000 Nte. Col. Regina C.P. 64290<br />
                Monterrey, Nuevo León, México<br />
                Tel: +52 (81) 83.29.40.90<br />
                Fax: +52 (81) 83.29.40.65.</p>
                <p>
                  Sitio desarrollado y mantenido por la Dirección de Bibliotecas
                  de la Secretaría de Extensión y Cultura
                  y el Sistema Integral de Bibliotecas de la UANL
                </p>
              </div>

              <div class="col l3 s12">
              <h5>Enlaces</h5>
              <ul>
                <li><a class="black-text" href="#!">Mapa del sitio</a></li>
                <li><a class="black-text" href="#!">Eventos</a></li>
                <li><a class="black-text" href="#!">SIBUANL</a></li>
                <li><a class="black-text" href="#!">Preguntas frecuentes</a></li>
                <li><a class="black-text" href="#!">Suscribete a biblios</a></li>
                <li><a class="black-text" href="#!">Bolsa de trabajo</a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="footer-copyright">
          <div class="container">
          © 2017 UANL
          <a class="grey-text text-lighten-4 right" href="#!">More Links</a>
          </div>
        </div>
      </footer>
       <div class="fixed-action-btn vertical click-to-toggle">
    <a class="btn-floating btn-large red">
      <i class="material-icons">menu</i>
    </a>
    <ul>
    <li><a class="btn-floating orange darken-4"><i class="material-icons">info</i></a></li>
      <li><a class="btn-floating orange darken-4"><i class="material-icons">location_on</i></a></li>
      <li><a class="btn-floating orange darken-4"><i class="material-icons">question_answer</i></a></li>

    </ul>
  </div>
  </body>
   <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
    <script type="text/javascript" src="js/materialize.min.js"></script>
    <script type="text/javascript">
      (function($){
       $(document).ready(function(){
    // the "href" attribute of .modal-trigger must specify the modal ID that wants to be triggered
    $('.modal').modal();
  });
        })(jQuery); // end of jQuery name space
    </script>
  </body>
</html>