Projekt

Obecné

Profil

« Předchozí | Další » 

Revize ec20e686

Přidáno uživatelem Ondřej Váně před více než 4 roky(ů)

Re #7726: Implementace architektury FE

- vytvoření návrhu help stránky

Zobrazit rozdíly:

fe/fulltextsearch/src/app/components/pages/help/help.component.css
1
h1 {
2
  font-size: xx-large;
3
}
4

  
5
.text-box {
6
  margin: auto;
7
  width: 80%;
8
  padding: 10px;
9
}
fe/fulltextsearch/src/app/components/pages/help/help.component.html
1
<p>help works!</p>
2
<h1 >Test</h1>
3
<h1>Test</h1>
4
<h1>Test</h1>
5
<h1>Test</h1>
6
<h1>Test</h1>
7
<h1>Test</h1>
8
<h1>Test</h1>
9
<h1>Test</h1>
10
<h1>Test</h1>
11
<h1>Test</h1>
12
<h1>Test</h1>
13
<h1>Test</h1>
14
<h1>Test</h1>
15
<h1>Test</h1>
16
<h1>Test</h1>
17
<h1>Test</h1>
18
<h1>Test</h1>
19
<h1>Test</h1>
20
<h1>Test</h1>
21
<h1>Test</h1>
22
<h1>Test</h1>
23
<h1>Test</h1>
1
<div class="text-box">
2
  <div class="card">
3
    <h1 class="card-header">Help</h1>
4
    <div class="card-body">
5
      <h2 class="card-title">How it is works</h2>
6
      <p class="card-text">Praesent in mauris eu tortor porttitor accumsan. Duis bibendum, lectus ut viverra rhoncus,
7
        dolor nunc faucibus
8
        libero, eget facilisis enim ipsum id lacus. Sed ac dolor sit amet purus malesuada congue. Integer pellentesque
9
        quam vel velit. Morbi leo mi, nonummy eget tristique non, rhoncus non leo. Phasellus rhoncus. Donec quis nibh at
10
        felis congue commodo. Integer pellentesque quam vel velit. Integer in sapien. Cum sociis natoque penatibus et
11
        magnis dis parturient montes, nascetur ridiculus mus. Maecenas aliquet accumsan leo. Pellentesque habitant morbi
12
        tristique senectus et netus et malesuada fames ac turpis egestas. In dapibus augue non sapien. Neque porro quisquam
13
        est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora
14
        incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Praesent id justo in neque elementum ultrices.
15
        In convallis. Maecenas fermentum, sem in pharetra pellentesque, velit turpis volutpat ante, in pharetra metus odio
16
        a lectus. Mauris tincidunt sem sed arcu. Vivamus porttitor turpis ac leo.</p>
17
      <h2 class="card-title">Manual</h2>
18
      <p class="card-text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Et harum quidem rerum facilis est et expedita
19
        distinctio. Aenean id metus id velit ullamcorper pulvinar. Curabitur bibendum justo non orci. Etiam egestas
20
        wisi a erat. Morbi leo mi, nonummy eget tristique non, rhoncus non leo. Nulla non arcu lacinia neque faucibus
21
        fringilla. Etiam dui sem, fermentum vitae, sagittis id, malesuada in, quam. Quis autem vel eum iure reprehenderit
22
        qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas
23
        nulla pariatur? Aliquam erat volutpat. Aliquam id dolor.</p>
24
      <h2 class="card-title">FAQ</h2>
25
      <p class="card-text">Praesent in mauris eu tortor porttitor accumsan. Duis bibendum, lectus ut viverra rhoncus,
26
        dolor nunc faucibus
27
        libero, eget facilisis enim ipsum id lacus. Sed ac dolor sit amet purus malesuada congue. Integer pellentesque
28
        quam vel velit. Morbi leo mi, nonummy eget tristique non, rhoncus non leo. Phasellus rhoncus. Donec quis nibh at
29
        felis congue commodo. Integer pellentesque quam vel velit. Integer in sapien. Cum sociis natoque penatibus et
30
        magnis dis parturient montes, nascetur ridiculus mus. Maecenas aliquet accumsan leo. Pellentesque habitant morbi
31
        tristique senectus et netus et malesuada fames ac turpis egestas. In dapibus augue non sapien. Neque porro quisquam
32
        est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora
33
        incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Praesent id justo in neque elementum ultrices.
34
        In convallis. Maecenas fermentum, sem in pharetra pellentesque, velit turpis volutpat ante, in pharetra metus odio
35
        a lectus. Mauris tincidunt sem sed arcu. Vivamus porttitor turpis ac leo.</p>
36
      <h2 class="card-title">Support</h2>
37
      <p class="card-text">Praesent in mauris eu tortor porttitor accumsan. Duis bibendum, lectus ut viverra rhoncus,
38
        dolor nunc faucibus
39
        libero, eget facilisis enim ipsum id lacus. Sed ac dolor sit amet purus malesuada congue. Integer pellentesque
40
        quam vel velit. Morbi leo mi, nonummy eget tristique non, rhoncus non leo. Phasellus rhoncus. Donec quis nibh at
41
        felis congue commodo. Integer pellentesque quam vel velit. Integer in sapien. Cum sociis natoque penatibus et
42
        magnis dis parturient montes, nascetur ridiculus mus. Maecenas aliquet accumsan leo. Pellentesque habitant morbi
43
        tristique senectus et netus et malesuada fames ac turpis egestas. In dapibus augue non sapien. Neque porro quisquam
44
        est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora
45
        incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Praesent id justo in neque elementum ultrices.
46
        In convallis. Maecenas fermentum, sem in pharetra pellentesque, velit turpis volutpat ante, in pharetra metus odio
47
        a lectus. Mauris tincidunt sem sed arcu. Vivamus porttitor turpis ac leo.</p>
48
      <h2>Contact admin</h2>
49
      <address>
50
        <a href="mailto:jim@rock.com">jim@rock.com</a><br>
51
        <a href="tel:+13115552368">(311) 555-2368</a>
52
      </address>
53
    </div>
54
  </div>
55
</div>
24 56

  
25
<h1>Test</h1>
26
<h1>Test</h1>
27
<h1>Test</h1>
28
<h1>Test</h1>
29
<h1>Test</h1>
30
<h1>Test</h1>
31
<h1>Test</h1>
32
<h1>Test</h1>
33
<h1>Test</h1>
34
<h1>Test</h1>
35
<h1>Test</h1>
36

  
37
<h1>Test</h1>
38
<h1>Test</h1>
39
<h1>Test</h1>
40
<h1>Test</h1>
41
<h1>Test</h1>
42
<h1>Test</h1>
43
<h1>Test</h1>
44
<h1>Test</h1>
45
<h1>Test</h1>
46
<h1>Test</h1>
47
<h1>Test</h1>
48 57

  

Také k dispozici: Unified diff