Image-sample: Difference between revisions
From जैनकोष
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
<div>This is a test page for showing image samples.</div> | <div style=" | ||
<div>Single image in centre align.</div> | text-align: center; | ||
<div>[[File: | margin: 40px 0; | ||
<div>Multiplae image in centre align.</div> | font-weight: bold;>This is a test page for showing image samples.</div> | ||
<div style=" | |||
text-align: center; | |||
margin: 40px 0; | |||
font-weight: bold; | |||
">Single image in centre align.</div> | |||
<div style=" | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
">[[File:800px-गर्भ_कल्याणक.jpeg|600px|माता को 16 उत्तम स्वप्न]]</div> | |||
<p> </p> | |||
<div style=" | |||
display: flex; | |||
align-items: center; | |||
justify-content: center;> | |||
[[File:800px-सिद्ध शिला.png|600px|माता को 16 उत्तम स्वप्न]] | |||
</div> | |||
<div style=" | |||
text-align: center; | |||
margin: 40px 0; | |||
font-weight: bold; | |||
">Multiplae image in centre align.</div> | |||
<div class="image-container"> | |||
<span style=" | |||
margin: 0 10px; | |||
">[[File:800px-गर्भ_कल्याणक.jpeg|300px|माता को 16 उत्तम स्वप्न]]</span> | |||
<span style=" | |||
margin: 0 10px; | |||
">[[File:800px-गर्भ_कल्याणक.jpeg|300px|माता को 16 उत्तम स्वप्न]]</span> | |||
<span style=" | |||
margin: 0 10px; | |||
">[[File:800px-गर्भ_कल्याणक.jpeg|300px|माता को 16 उत्तम स्वप्न]]</span> | |||
</div> | |||
<div style=" | |||
text-align: center; | |||
margin: 40px 0; | |||
font-weight: bold; | |||
">Content and image</div> | |||
<div style=" | |||
width: 100%; | |||
display: flex; | |||
margin-bottom:10px; | |||
"> | |||
<div style=" | |||
float: left; | |||
margin-right:40px | |||
">[[File:800px-गर्भ_कल्याणक.jpeg|300px|माता को 16 उत्तम स्वप्न]]</div> | |||
<div style=" | |||
width: calc(100% - 340px); | |||
float: left; | |||
padding:10px 0; | |||
text-align: justify; | |||
">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div> | |||
</div> | |||
<div style=" | |||
width: 100%; | |||
display: flex; | |||
"> | |||
<div style=" | |||
width: calc(100% - 340px); | |||
float: left; | |||
padding:10px 0; | |||
text-align: justify; | |||
">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div> | |||
<div style=" | |||
float: left; | |||
margin-left:40px | |||
">[[File:800px-गर्भ_कल्याणक.jpeg|300px|माता को 16 उत्तम स्वप्न]]</div> | |||
</div> | |||
<p> </p> | |||
<div style=" | |||
width: 100%; | |||
display: flex; | |||
"> | |||
<div style=" | |||
float: left; | |||
margin-right:40px | |||
">[[File:435px-5_सिंहासन_पर_लक्ष्मी(लक्ष्मी).jpg|250px|माता को 16 उत्तम स्वप्न]]</div> | |||
<div style=" | |||
width: calc(100% - 340px); | |||
float: left; | |||
padding:10px 0; | |||
text-align: justify; | |||
">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | |||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p></div> | |||
</div> | |||
<div style=" | |||
text-align: center; | |||
margin: 40px 0; | |||
font-weight: bold; | |||
">Content and image with set according to Content</div> | |||
<div> | <div> | ||
<div class="left"> | |||
< | [[File:740px-९ . उत्तम अकिंचन.jpg|300px|माता को 16 उत्तम स्वप्न]] | ||
< | </div> | ||
<p style=" | |||
text-align: justify;margin-bottom: 0px; | |||
">Doloribus nisi ratione necessitatibus unde veritatis commodi veniam quas eaque fugiat nihil esse, id? Tempora quis quod impedit quia, facere incidunt, voluptatum dicta in dolores suscipit temporibus quam eos odit? | |||
Doloribus nisi ratione necessitatibus unde veritatis commodi veniam quas eaque fugiat nihil esse, id? Tempora quis quod impedit quia, facere incidunt, voluptatum dicta in dolores suscipit temporibus quam eos odit? | |||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo sequi veniam ea enim nesciunt doloremque delectus sint consectetur qui magnam. Recusandae, hic quidem officia, asperiores sit libero sapiente totam eum. | |||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam officiis est, tenetur ut aliquid iste necessitatibus nihil vel harum! Temporibus iure reprehenderit ullam, fugit reiciendis delectus vitae natus sint, velit. | |||
Dolore atque nam suscipit sint incidunt reprehenderit quod illo ipsum tempora odio excepturi deserunt esse nisi obcaecati quisquam culpa, asperiores beatae id fugiat sit ipsa. Porro voluptates quasi vero veniam.</p> | |||
<div class="right"> | |||
[[File:789px-10. लोक भावना.jpg|300px|माता को 16 उत्तम स्वप्न]] | |||
</div> | |||
<p style=" | |||
text-align: justify;margin-bottom: 0px; | |||
">t? | |||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo sequi veniam ea enim nesciunt doloremque delectus sint consectetur qui magnam. Recusandae, hic quidem officia, asperiores sit libero sapiente totam eum. | |||
Lorem ipDoloribus nisi ratione necessitatibus unde veritatis commodi veniam quas eaque fugiat nihil esse, id? Tempora quis quod impedit quia, facere incidunt, voluptatum dicta in dolores suscipit temporibus quam eos odit? | |||
Doloribus nisi ratione necessitatibus unde veritatis commodi veniam quas eaque fugiat nihil esse, id? Tempora quis quod impedit quia, facere incidunt, voluptatum dicta in dolores suscipit temporibus quam eos odisum dolor sit amet, consectetur adipisicing elit. Magnam officiis est, tenetur ut aliquid iste necessitatibus nihil vel harum! Temporibus iure reprehenderit ullam, fugit reiciendis delectus vitae natus sint, velit. | |||
Dolore atque nam suscipit sint incidunt reprehenderit quod illo ipsum tempora odio excepturi deserunt esse nisi obcaecati quisquam culpa, asperiores beatae id fugiat sit ipsa. Porro voluptates quasi vero veniam.</p> | |||
<div class="left"> | |||
[[File:आहार दान.jpg|200px|माता को 16 उत्तम स्वप्न]] | |||
</div> | |||
<p style=" | |||
text-align: justify;margin-bottom: 0px;> | |||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo sequi veniam ea enim nesciunt doloremque delectus sint consectetur qui magnam. Recusandae, hic quidem officia, asperiores sit libero sapiente totam eum. | |||
Lorem ipDoloribus nisi ratione necessitatibus unde veritatis commodi veniam quas eaque fugiat nihil esse, id? Tempora quis quod impedit quia, facere incidunt, voluptatum dicta in dolores suscipit temporibus quam eos odit? | |||
Doloribus nisi ratione necessitatibus unde veritatis commodi veniam quas eaque fugiat nihil esse, id? Tempora quis quod impedit quia, facere incidunt, voluptatum dicta in dolores suscipit temporibus quam eos odisum dolor sit amet, consectetur adipisicing elit. Magnam officiis est, tenetur ut aliquid iste necessitatibus nihil vel harum! Temporibus iure reprehenderit ullam, fugit reiciendis delectus vitae natus sint, velit. | |||
Dolore atque nam suscipit sint incidunt reprehenderit quod illo ipsum tempora odio excepturi deserunt esse nisi obcaecati quisquam culpa, asperiores beatae id fugiat sit ipsa. Porro voluptates quasi vero veniam | |||
</p> | |||
</div> | </div> | ||
<p> </p> |
Revision as of 15:34, 16 February 2023
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Doloribus nisi ratione necessitatibus unde veritatis commodi veniam quas eaque fugiat nihil esse, id? Tempora quis quod impedit quia, facere incidunt, voluptatum dicta in dolores suscipit temporibus quam eos odit? Doloribus nisi ratione necessitatibus unde veritatis commodi veniam quas eaque fugiat nihil esse, id? Tempora quis quod impedit quia, facere incidunt, voluptatum dicta in dolores suscipit temporibus quam eos odit? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo sequi veniam ea enim nesciunt doloremque delectus sint consectetur qui magnam. Recusandae, hic quidem officia, asperiores sit libero sapiente totam eum. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam officiis est, tenetur ut aliquid iste necessitatibus nihil vel harum! Temporibus iure reprehenderit ullam, fugit reiciendis delectus vitae natus sint, velit. Dolore atque nam suscipit sint incidunt reprehenderit quod illo ipsum tempora odio excepturi deserunt esse nisi obcaecati quisquam culpa, asperiores beatae id fugiat sit ipsa. Porro voluptates quasi vero veniam.
t? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo sequi veniam ea enim nesciunt doloremque delectus sint consectetur qui magnam. Recusandae, hic quidem officia, asperiores sit libero sapiente totam eum. Lorem ipDoloribus nisi ratione necessitatibus unde veritatis commodi veniam quas eaque fugiat nihil esse, id? Tempora quis quod impedit quia, facere incidunt, voluptatum dicta in dolores suscipit temporibus quam eos odit? Doloribus nisi ratione necessitatibus unde veritatis commodi veniam quas eaque fugiat nihil esse, id? Tempora quis quod impedit quia, facere incidunt, voluptatum dicta in dolores suscipit temporibus quam eos odisum dolor sit amet, consectetur adipisicing elit. Magnam officiis est, tenetur ut aliquid iste necessitatibus nihil vel harum! Temporibus iure reprehenderit ullam, fugit reiciendis delectus vitae natus sint, velit. Dolore atque nam suscipit sint incidunt reprehenderit quod illo ipsum tempora odio excepturi deserunt esse nisi obcaecati quisquam culpa, asperiores beatae id fugiat sit ipsa. Porro voluptates quasi vero veniam.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo sequi veniam ea enim nesciunt doloremque delectus sint consectetur qui magnam. Recusandae, hic quidem officia, asperiores sit libero sapiente totam eum. Lorem ipDoloribus nisi ratione necessitatibus unde veritatis commodi veniam quas eaque fugiat nihil esse, id? Tempora quis quod impedit quia, facere incidunt, voluptatum dicta in dolores suscipit temporibus quam eos odit? Doloribus nisi ratione necessitatibus unde veritatis commodi veniam quas eaque fugiat nihil esse, id? Tempora quis quod impedit quia, facere incidunt, voluptatum dicta in dolores suscipit temporibus quam eos odisum dolor sit amet, consectetur adipisicing elit. Magnam officiis est, tenetur ut aliquid iste necessitatibus nihil vel harum! Temporibus iure reprehenderit ullam, fugit reiciendis delectus vitae natus sint, velit. Dolore atque nam suscipit sint incidunt reprehenderit quod illo ipsum tempora odio excepturi deserunt esse nisi obcaecati quisquam culpa, asperiores beatae id fugiat sit ipsa. Porro voluptates quasi vero veniam