← Back to branch summary

~ubuntu-uy-website-team/ubuntu-uy-website/Desarrollo

« back to all changes in this revision

Viewing changes to presentation.html

  • Committer: Pablo Capeluto
  • Date: 2011-05-25 02:44:17 UTC
  • Revision ID: pcapeluto@gmail.com-20110525024417-dakjdzstf9j315wf
Se cargan nuevas imágenes, se eliminan archivos obsoletos y se modifica el menu.php para solucionar codificacion de texto yel index.php para incluir nuevos enlaces.

Show diffs side-by-side

added added

removed removed

Lines of Context:
presentation.html
1
 
<!DOCTYPE HTML>
2
 
<html>
3
 
<head>
4
 
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
5
 
 
6
 
        <title>Ubuntu Wireframe</title>
7
 
 
8
 
        <link rel="shortcut icon" href="images/favicon.ico" type="image/ico" />
9
 
        <link rel="icon" href="images/favicon.ico" type="image/ico" />
10
 
 
11
 
        <!-- stylesheets -->
12
 
        <!--[if !IE ]><!-->
13
 
        <link rel="stylesheet" type="text/css" href="css/default.css" />
14
 
        <!--<![endif]-->
15
 
 
16
 
        <!--[if gte IE 7]>
17
 
        <link rel="stylesheet" type="text/css" href="css/ie.css" />
18
 
        <![endif]-->
19
 
 
20
 
        <!--[if IE 6 ]>
21
 
        <link rel="stylesheet" type="text/css" href="css/ie6.css" media="screen, projection" />
22
 
        <![endif]-->
23
 
 
24
 
        <!--[if IE ]>
25
 
        <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
26
 
        <![endif]-->
27
 
 
28
 
</head>
29
 
<body id="home">
30
 
 
31
 
        <header id="page-header">
32
 
                <div class="container" >
33
 
                <nav id="main-nav">
34
 
                        <a class="main-nav-item" href="javascript:void(0)" title="Item 1">Page 1</a>
35
 
                        <a class="main-nav-item" href="javascript:void(0)" title="Item 2">Page 2</a>
36
 
                        <a class="main-nav-item" href="javascript:void(0)" title="Item 3">Page Long Name 3</a>
37
 
                        <a class="main-nav-item" href="javascript:void(0)" title="Item 4">Page Shorter 4</a>
38
 
                        <a class="main-nav-item" href="javascript:void(0)" title="Item 5">Page 5</a>
39
 
                </nav>
40
 
                <h1 id="top-logo"><img class="png" id="the-logo" src="http://www.ubuntu.com//sites/default/themes/ubuntu10/logo.png" alt="Ubuntu" width="118" height="27" /><span id="loco">Country Loco Team </span></h1>
41
 
                </div>
42
 
        </header>
43
 
 
44
 
        <aside id="page-related">
45
 
                <div class="container" id="sub-nav-container" >
46
 
                <nav id="sub-nav">
47
 
                        <a class="sub-nav-item" href="javascript:void(0)" title="Sub Item 1">Sub Item 1</a>
48
 
                        <a class="sub-nav-item" href="javascript:void(0)" title="Sub Item 2">Sub Item 2</a>
49
 
                        <a class="sub-nav-item" href="javascript:void(0)" title="Sub Item 3">Sub Item 3</a>
50
 
                        <a class="sub-nav-item" href="javascript:void(0)" title="Sub Item 4">Sub Item 4</a>
51
 
                        <a class="sub-nav-item" href="javascript:void(0)" title="Sub Item 5">Sub  Item 5</a>
52
 
                </nav>
53
 
                <section id="searchbox-container">
54
 
                        <form action="" method="post">
55
 
                                <input type="text" name="search" id="searchbox" value="Search..." />
56
 
                                <input type="button" id="go-search" value="Go!">
57
 
                                <a id="more-search" href="javascript:void(0)" title="Advanced Search">more</a>
58
 
                        </form>
59
 
                </section>
60
 
                <hr class="divide" />
61
 
                </div>
62
 
        </aside>
63
 
 
64
 
        <section id="main-section">
65
 
                <div class="container" >
66
 
                <section id="showcase">
67
 
                        <figure class="main-content">
68
 
                                <img width="920" src="http://www.ubuntu.com/files/1004features/1004header.jpg" />
69
 
                        </figure>
70
 
                        <hr class="divide-showcase" />
71
 
                        <section class="showcase-item">
72
 
                                <h2 class="showcase-heading">Showcase Heading</h2>
73
 
                                <h3 class="showcase-subheading">Showcase Sub Heading</h3>
74
 
                                <p class="showcase-text">
75
 
                                        <strong>Showcase Text.</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sit amet lectus massa.
76
 
                                        Phasellus consequat leo lectus, aliquam placerat mi. In id est est, vel ultricies lectus.
77
 
                                        Donec vel tortor a leo consequat laoreet. Proin quis dolor sit amet sapien porta luctus.
78
 
                                </p>
79
 
                        </section>
80
 
                        <figure class="showcase-figure">
81
 
                                <img class="showcase-img" src="http://www.ubuntu.com/files/1004features/02.jpg" width="600" alt=" Lorem ipsum dolor sit amet" />
82
 
                        </figure>
83
 
 
84
 
                        <hr class="divide-showcase" />
85
 
 
86
 
                        <figure class="showcase-figure">
87
 
                                <img class="showcase-img" src="http://www.ubuntu.com/files/1004features/07.jpg" width="600" alt=" Lorem ipsum dolor sit amet" />
88
 
                        </figure>
89
 
                        <section class="showcase-item">
90
 
                                <h2 class="showcase-heading">Showcase Heading</h2>
91
 
                                <h3 class="showcase-subheading">Showcase Sub Heading</h3>
92
 
                                <p class="showcase-text">
93
 
                                        <strong>Showcase Text.</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sit amet lectus massa.
94
 
                                        Phasellus consequat leo lectus, aliquam placerat mi. In id est est, vel ultricies lectus.
95
 
                                        Donec vel tortor a leo consequat laoreet. Proin quis dolor sit amet sapien porta luctus.
96
 
                                </p>
97
 
                        </section>
98
 
 
99
 
                        <hr class="divide-showcase" />
100
 
                </section>
101
 
                <section id="content">
102
 
                        <!-- three columns  content -->
103
 
                        <article class="side-content alone">
104
 
                                <h5>Side Content</h5>
105
 
                                <p>
106
 
                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sit amet lectus massa.
107
 
                                        Phasellus consequat leo lectus, aliquam placerat mi. In id est est, vel ultricies lectus.
108
 
                                        Donec vel tortor a leo consequat laoreet. Proin quis dolor sit amet sapien porta luctus.
109
 
                                </p>
110
 
 
111
 
                        </article>
112
 
                        <article class="side-content alone">
113
 
                                <h5>Side Content</h5>
114
 
                                <p>
115
 
                                        Phasellus consequat leo lectus, aliquam placerat mi. In id est est, vel ultricies lectus.
116
 
                                        Donec vel tortor a leo consequat laoreet. Proin quis dolor sit amet sapien porta luctus.
117
 
                                </p>
118
 
                        </article>
119
 
                        <article class="side-content alone">
120
 
                                <h5>Side Content</h5>
121
 
                                <p>
122
 
                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sit amet lectus massa.
123
 
                                        Phasellus consequat leo lectus, aliquam placerat mi. In id est est, vel ultricies lectus.
124
 
                                        Donec vel tortor a leo consequat laoreet. Proin quis dolor sit amet sapien porta luctus.
125
 
                                        Phasellus consequat leo lectus, aliquam placerat mi. In id est est, vel ultricies lectus.
126
 
                                        Phasellus consequat leo lectus, aliquam placerat mi. In id est est, vel ultricies lectus.
127
 
                                </p>
128
 
                        </article>
129
 
                        <hr class="divide" />
130
 
                </section>
131
 
                <section id="general">
132
 
                        <!-- all column wide content -->
133
 
                        <article class="main-content">
134
 
                                <h5>Place for other things</h5>
135
 
                                <p>
136
 
                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sit amet lectus massa.
137
 
                                        Phasellus consequat leo lectus, aliquam placerat mi. In id est est, vel ultricies lectus.
138
 
                                        Donec vel tortor a leo consequat laoreet. Proin quis dolor sit amet sapien porta luctus.
139
 
                                </p>
140
 
                        </article>
141
 
                        <hr class="divide" />
142
 
                </section>
143
 
                </div>
144
 
        </section>
145
 
 
146
 
        <footer id="page-footer">
147
 
                <div class="container">
148
 
                <!-- 1st Col   -->
149
 
                <dl class="footer-content">
150
 
                        <dt>
151
 
                                Notes
152
 
                        </dt>
153
 
                        <dd>
154
 
                                <ul class="footer-links">
155
 
                                        <li class="footer-item"> <a class="footer-link" href="#" title="dumb">Privacy</a> </li>
156
 
                                        <li class="footer-item"> <a class="footer-link" href="#" title="dumb">Legal</a> </li>
157
 
                                </ul>
158
 
                        </dd>
159
 
                        <dt>
160
 
                                More
161
 
                        </dt>
162
 
                        <dd>
163
 
                                <p>
164
 
                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit.
165
 
                                        Phasellus consequat leo lectus.
166
 
                                </p>
167
 
                        </dd>
168
 
                </dl>
169
 
 
170
 
 
171
 
                <!-- 2nd Col   -->
172
 
                <dl class="footer-content">
173
 
                        <dt>
174
 
                                <a class="footer-link-main">Footer Links</a>
175
 
                        </dt>
176
 
                        <dd>
177
 
                        <ul class="footer-links">
178
 
                                <li class="footer-item"> <a class="footer-link" href="#" title="dumb">Item A Long Name</a> </li>
179
 
                                <li class="footer-item"> <a class="footer-link" href="#" title="dumb">Item B shorter</a> </li>
180
 
                                <li class="footer-item"> <a class="footer-link" href="#" title="dumb">Item C Very Very Long Long Name</a> </li>
181
 
                                <li class="footer-item"> <a class="footer-link" href="#" title="dumb">Item D Normal</a> </li>
182
 
                                <li class="footer-item"> <a class="footer-link" href="#" title="dumb">Item E Lit</a> </li>
183
 
                                <li class="footer-item"> <a class="footer-link" href="#" title="dumb">Item F</a> </li>
184
 
                        </ul>
185
 
                        </dd>
186
 
                </dl>
187
 
 
188
 
 
189
 
 
190
 
                <!-- 3rd Col   -->
191
 
                <dl class="footer-content" >
192
 
                        <dt>
193
 
                                <a class="footer-link-main">Footer Links</a>
194
 
                        </dt>
195
 
                        <dd>
196
 
                        <ul class="footer-links" >
197
 
                                <li class="footer-item">  <a class="footer-link" href="#" title="dumb">Item I Normal</a></li>
198
 
                                <li class="footer-item">  <a class="footer-link" href="#" title="dumb">Item II </a></li>
199
 
                                <li class="footer-item">  <a class="footer-link" href="#" title="dumb">Item III Very Very Long Long Name</a> </li>
200
 
                                <li class="footer-item">  <a class="footer-link" href="#" title="dumb">Item IV </a></li>
201
 
                                <li class="footer-item">  <a class="footer-link" href="#" title="dumb">Item V </a></li>
202
 
                                <li class="footer-item">  <a class="footer-link" href="#" title="dumb">Item VI Normal</a> </li>
203
 
                        </ul>
204
 
                        </dd>
205
 
                </dl>
206
 
 
207
 
 
208
 
                <details class="foot-note">
209
 
                        <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sit amet lectus massa. </p>
210
 
                </details>
211
 
                </div>
212
 
        </footer>
213
 
 
214
 
 
215
 
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
216
 
        <script type="text/javascript" src="js/main.js"></script>
217
 
 
218
 
  <!-- IE6 hacks -->
219
 
  <!--[if IE 6 ]>
220
 
          <script src="js/pngFix.js"></script>
221
 
          <script> DD_belatedPNG.fix('.png'); </script>
222
 
  <![endif]-->
223
 
</body>
224
 
</html>