This is a header element

Reference Page

This is the ETSI Newton reference web page, building upon the ETSI Kepler reference page.
Requirements
  • 6 x 7 small JPGs
  • 3 small GIFs
  • 10 SVGs
  • Various Text Data (Simulating JSS, CSS or HTML Files)
  • Paragraphs and Article HTML elements
  • Multimedia HTML elements
  • 1 non-compressible (lossy/lossless) object about 140KB
  • Details, abbrivation, superscript and subscript HTML elements
  • Form
  • All content without copyright problems
  • 100-150 objects in total
Contents
  1. Pictures in different sizes (42 JPGs, 3 GIFs and 10 SVGs)
  2. Various Text Data (Simulating JSS, CSS or HTML Files)
  3. Paragraphs and Article HTML elements
  4. Multimedia and PDF object
  5. Non Compressible Data (140KB)
  6. Various html elements
  7. Copyright and Disclaimer

Pictures in different sizes

7 JPGs (30 x 20)

4 5 6 7 8 9 10

7 JPGs (45 x 30)

4 5 6 7 8 9 10

7 JPGs (60 x 40)

4 5 6 7 8 9 10

7 JPGs (75 x 50)

4 5 6 7 8 9 10

7 JPGs (90 x 60)

4 5 6 7 8 9 10

7 JPGs (120 x 80)

4 5 6 7 8 9 10

3 GIFs

3 Cloud 4 Lock 5 Dialog buble

10 SVGs

1 Alarm 2 Arrow 3 Box 4 Bin
5 Certificate 6 Empty checkbox 7 Crossed checkbox 8 Clipboard
9 Checklist 10 Announcements

Various Text Data (Simulating JSS, CSS or HTML Files)

The following uses iframes.

Compressible data

The following uses iframes.

Paragraph elements

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed est sed magna viverra bibendum non a nulla. Cras nec rutrum nunc, sed sagittis velit. Sed a elit tempus purus aliquam cursus ac a justo. In eget dignissim urna. Vestibulum fringilla vel justo nec hendrerit. Sed a tellus tellus. Pellentesque efficitur sit amet dolor vitae ultricies. Mauris a rutrum sapien. Integer elit ex, ultrices sed malesuada et, mollis at leo.

Integer elementum tellus sit amet ligula tristique, pharetra porttitor libero tristique. Ut sit amet eros sit amet enim efficitur varius. In pellentesque nisl vitae magna maximus, eu porttitor odio tristique. Donec sit amet mi id est molestie consequat vel a lacus. Curabitur sed varius tortor, in venenatis nibh. Proin sed congue dui. Donec mollis finibus purus, vitae sodales eros tincidunt eu.

Nam egestas enim molestie ante imperdiet ultrices. Morbi sed fermentum magna, nec sagittis purus. Maecenas consectetur pharetra nisi non blandit. Donec egestas fermentum elit, sit amet pretium diam bibendum in. Morbi vitae euismod arcu. Maecenas laoreet laoreet ante, a ornare risus vulputate ut. Curabitur vitae consectetur nunc, ut aliquet odio. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque rhoncus nunc in massa lacinia tristique. Praesent non risus auctor, condimentum erat ac, lobortis sapien. Nunc et arcu a felis sagittis pharetra vel ultricies dolor.

Sed euismod sollicitudin eleifend. Donec nec magna dictum, venenatis mauris quis, cursus ligula. Interdum et malesuada fames ac ante ipsum primis in faucibus. Praesent faucibus, sem et vehicula blandit, odio odio pharetra odio, sed pretium ante quam eu leo. In ut orci et dui interdum pharetra a in massa. Praesent metus velit, rutrum ut quam sed, malesuada lacinia nulla. Fusce sodales auctor felis in bibendum. Proin placerat viverra urna a semper. Duis in dolor nec lectus ullamcorper feugiat maximus vel lectus. Vestibulum lobortis quis turpis eu laoreet. Quisque quis tellus quis nibh ultricies pharetra. Nunc a placerat ante, eu efficitur lacus. Fusce hendrerit volutpat lorem, ut ullamcorper metus faucibus vel. Sed nec eros id dui laoreet aliquet.

Praesent consequat leo dapibus tincidunt mattis. Nullam dictum rutrum magna sit amet maximus. Nam aliquet non nibh nec maximus. Integer iaculis, ex quis pellentesque ullamcorper, neque eros faucibus urna, vitae tempus mi orci a lacus. Phasellus tristique convallis diam. Aenean scelerisque aliquam augue, ut bibendum tortor vulputate non. Curabitur dictum sit amet nibh vel elementum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam orci nisi, porttitor sed feugiat sed, dignissim eu lacus. Donec efficitur pharetra lacus vel tristique. Donec fringilla, eros a pretium efficitur, velit ante luctus urna, rutrum vulputate dui magna eget neque. Nulla nec odio ullamcorper nisl lacinia eleifend. Ut dignissim varius diam, vel lacinia quam dapibus et. Vivamus vel lobortis lacus. Integer at fermentum ligula, eget pellentesque est.

Morbi tincidunt consequat diam, non scelerisque justo viverra sodales. Sed turpis metus, vestibulum at cursus scelerisque, fringilla non eros. Vestibulum nisl mi, dictum in fringilla accumsan, tempus in lectus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Vivamus auctor, felis sit amet maximus viverra, lectus lacus mattis lorem, vel varius nunc nisi quis purus. Maecenas at magna eget velit eleifend gravida. Integer pellentesque id nisi a accumsan. Nam rhoncus ac justo quis aliquet. Sed non scelerisque elit. Proin et mi nec nisl commodo elementum at id lorem. Etiam interdum nunc augue.

Article element

Morbi tincidunt consequat diam, non scelerisque justo viverra sodales. Sed turpis metus, vestibulum at cursus scelerisque, fringilla non eros. Vestibulum nisl mi, dictum in fringilla accumsan, tempus in lectus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Vivamus auctor, felis sit amet maximus viverra, lectus lacus mattis lorem, vel varius nunc nisi quis purus. Maecenas at magna eget velit eleifend gravida. Integer pellentesque id nisi a accumsan. Nam rhoncus ac justo quis aliquet. Sed non scelerisque elit. Proin et mi nec nisl commodo elementum at id lorem. Etiam interdum nunc augue.

Blockquote element

Morbi tincidunt consequat diam, non scelerisque justo viverra sodales. Sed turpis metus, vestibulum at cursus scelerisque, fringilla non eros. Vestibulum nisl mi, dictum in fringilla accumsan, tempus in lectus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Vivamus auctor, felis sit amet maximus viverra, lectus lacus mattis lorem, vel varius nunc nisi quis purus. Maecenas at magna eget velit eleifend gravida. Integer pellentesque id nisi a accumsan. Nam rhoncus ac justo quis aliquet. Sed non scelerisque elit. Proin et mi nec nisl commodo elementum at id lorem. Etiam interdum nunc augue.

Multimedia and Objects:

Video

PDF

Audio

Non Compressible Data (approx 140KB)

The following uses iframes. To some extent this can simulate, e.g., Flash content.


Misc. elements example

        this is a preformatted element

          _____                _____                    _____                    _____          
         /\    \              /\    \                  /\    \                  /\    \         
        /::\    \            /::\    \                /::\    \                /::\    \        
       /::::\    \           \:::\    \              /::::\    \               \:::\    \       
      /::::::\    \           \:::\    \            /::::::\    \               \:::\    \      
     /:::/\:::\    \           \:::\    \          /:::/\:::\    \               \:::\    \     
    /:::/__\:::\    \           \:::\    \        /:::/__\:::\    \               \:::\    \    
   /::::\   \:::\    \          /::::\    \       \:::\   \:::\    \              /::::\    \   
  /::::::\   \:::\    \        /::::::\    \    ___\:::\   \:::\    \    ____    /::::::\    \  
 /:::/\:::\   \:::\    \      /:::/\:::\    \  /\   \:::\   \:::\    \  /\   \  /:::/\:::\    \ 
/:::/__\:::\   \:::\____\    /:::/  \:::\____\/::\   \:::\   \:::\____\/::\   \/:::/  \:::\____\
\:::\   \:::\   \::/    /   /:::/    \::/    /\:::\   \:::\   \::/    /\:::\  /:::/    \::/    /
 \:::\   \:::\   \/____/   /:::/    / \/____/  \:::\   \:::\   \/____/  \:::\/:::/    / \/____/ 
  \:::\   \:::\    \      /:::/    /            \:::\   \:::\    \       \::::::/    /          
   \:::\   \:::\____\    /:::/    /              \:::\   \:::\____\       \::::/____/           
    \:::\   \::/    /    \::/    /                \:::\  /:::/    /        \:::\    \           
     \:::\   \/____/      \/____/                  \:::\/:::/    /          \:::\    \          
      \:::\    \                                    \::::::/    /            \:::\    \         
       \:::\____\                                    \::::/    /              \:::\____\        
        \::/    /                                     \::/    /                \::/    /        
         \/____/                                       \/____/                  \/____/         

	

Progress meter example

Inline SVG examples

SVG text!
Summary element (click for details) Details

This is the short text of the abbr element (hover for tooltip)

This paragraph contains superscript text.

This paragraph contains subscript text.

Form example







Radio element




Checkbox element