pexels-kevin-bidwell-3602778.jpg

<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iure vel officiis ipsum placeat itaque neque dolorem modi perspiciatis dolor distinctio veritatis sapiente, minima corrupti dolores necessitatibus suscipit accusantium dignissimos culpa cumque.</p><p>Ea nemo et dolorum quidem non est aut. Tempore delectus dolorum delectus omnis velit quia. Nobis eius atque occaeca</p><figure class="image"><img src="https://pharma-intelligentsia-s3.s3.ap-south-1.amazonaws.com/Sample_Text_a41494c08f.png" alt="Sample - Text.png" srcset="https://pharma-intelligentsia-s3.s3.ap-south-1.amazonaws.com/thumbnail_Sample_Text_a41494c08f.png 240w, https://pharma-intelligentsia-s3.s3.ap-south-1.amazonaws.com/small_Sample_Text_a41494c08f.png 500w, https://pharma-intelligentsia-s3.s3.ap-south-1.amazonaws.com/medium_Sample_Text_a41494c08f.png 750w, https://pharma-intelligentsia-s3.s3.ap-south-1.amazonaws.com/large_Sample_Text_a41494c08f.png 1000w" sizes="100vw" width="1000"></figure><p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters.</p><ol><li>We want everything to look good out of the box.</li><li>Really just the first reason, that’s the whole point of the plugin.</li><li>Here’s a third pretend reason though a list with three items looks more realistic than a list with two items.</li></ol><h3>Typography should be easy</h3><p>So that’s a header for you — with any luck if we’ve done our job correctly that will look pretty reasonable.</p><p>Something a wise person once told me about typography is:</p><blockquote><p>Typography is pretty important if you don’t want your stuff to look like trash. Make it good then it won’t be bad.</p></blockquote><p>It’s probably important that images look okay here by default as well:</p><h3>What to expect from here on out</h3><p>What follows from here is just a bunch of absolute nonsense I’ve written to dogfood the plugin itself. It includes every sensible typographic element I could think of, like <strong>bold text</strong>, unordered lists, ordered lists, code blocks, block quotes, and even italics.</p><p>It’s important to cover all of these use cases for a few reasons:</p><ol><li>We want everything to look good out of the box.</li><li>Really just the first reason, that’s the whole point of the plugin.</li><li>Here’s a third pretend reason though a list with three items looks more realistic than a list with two items.</li></ol><figure class="image"><img src="https://pharma-intelligentsia-s3.s3.ap-south-1.amazonaws.com/photo_1501493870936_9c2e41625521_1_e1b63119e7.jpg" alt="photo-1501493870936-9c2e41625521-1.jpg" srcset="https://pharma-intelligentsia-s3.s3.ap-south-1.amazonaws.com/thumbnail_photo_1501493870936_9c2e41625521_1_e1b63119e7.jpg 233w, https://pharma-intelligentsia-s3.s3.ap-south-1.amazonaws.com/small_photo_1501493870936_9c2e41625521_1_e1b63119e7.jpg 500w, https://pharma-intelligentsia-s3.s3.ap-south-1.amazonaws.com/medium_photo_1501493870936_9c2e41625521_1_e1b63119e7.jpg 750w, https://pharma-intelligentsia-s3.s3.ap-south-1.amazonaws.com/large_photo_1501493870936_9c2e41625521_1_e1b63119e7.jpg 1000w" sizes="100vw" width="1000"></figure><h2>Now we’re going to try out another header style.</h2><p><br>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iure vel officiis ipsum placeat itaque neque dolorem modi perspiciatis dolor distinctio veritatis sapiente<br>Now I’m going to show you an example of an unordered list to make sure that looks good, too:</p><p>So here is the first item in this list.</p><ul><li>In this example we’re keeping the items short.</li><li>Later, we’ll use longer, more complex list items.</li><li>And that’s the end of this section.</li></ul><h3>Code should look okay by default.</h3><p>I think most people are going to use <a target="_blank" rel="noopener noreferrer" href="https://hightlight.js">highlight.js</a> or Prism or something if they want to style their code blocks but it wouldn’t hurt to make them look okay out of the box, even with no syntax highlighting.</p><p>What I’ve written here is probably long enough, but adding this final sentence can’t hurt.</p><pre><code class="language-javascript">function tick() {
 const element = (
   &lt;div&gt;
     &lt;h1&gt;Hello, world!&lt;/h1&gt;
     &lt;h2&gt;It is {new Date().toLocaleTimeString()}.&lt;/h2&gt;
   &lt;/div&gt;
 );
 ReactDOM.render(element, document.getElementById('root'));
} 
Hopefully that looks good enough to you.</code></pre><h3>There are other elements we need to style</h3><p>I almost forgot to mention links, like this link to the Tailwind CSS website. We almost made them blue but that’s so yesterday, so we went with dark gray, feels edgier.</p><p>We even included table styles, check it out:</p><figure class="table" style="width:100%;"><table><thead><tr><th>Wrestler</th><th>Origin</th><th>Finisher</th></tr></thead><tbody><tr><td>Bret “The Hitman” Hart</td><td>Calgary, AB</td><td>Sharpshooter</td></tr><tr><td>Stone Cold Steve Austin</td><td>Austin, TX</td><td>Stone Cold Stunner</td></tr><tr><td>Randy Savage</td><td>Sarasota, FL</td><td>Elbow Drop</td></tr><tr><td>Vader</td><td>Boulder, CO</td><td>Vader Bomb</td></tr><tr><td>Razor Ramon&nbsp;</td><td>Chuluota, FL</td><td>Razor’s Edge</td></tr></tbody></table></figure><p><br>We also need to make sure inline code looks good, like if I wanted to talk about <span style="background-color:#b0bec5;">&lt;span&gt;</span> elements or tell you the good news about <span style="background-color:#b0bec5;">@tailwindcss/typography.</span></p><h3>We still need to think about stacked headings though.</h3><p>Ea nemo et dolorum quidem non est aut. Tempore delectus dolorum delectus omnis velit quia. Nobis eius atque occaeca</p><h4>Let’s make sure we don’t screw that up h4 elements, either.</h4><p>Phew, with any luck we have styled the headings above this text and they look pretty good.</p><figure class="image"><img></figure><p>Ea nemo et dolorum quidem non est aut. Tempore delectus dolorum delectus omnis velit quia. Nobis eius atque occaeca</p><p>Let’s add a closing paragraph here so things end with a decently sized block of text. I can’t explain why I want things to end that way but I have to assume it’s because I think things will look weird or unbalanced if there is a heading too close to the end of the document.</p>

Guidelines for the Development and Registration of Generic Drugs

national-cancer-institute-fTQHPb6r4wQ-unsplash.jpg

Guidelines for the Quality Management System in Pharmaceutical Manufacturing

pexels-artem-podrez-4492069.jpg

Guidelines for the Development and Evaluation of Biosimilars

Pharmacovigilance Guidelines for the Safety Monitoring of Pharmaceutical Products

Guidelines for the Conduct of Clinical Trials in Human Subjects

bee-naturalles-IRM9qgZdlW0-unsplash.jpg

Guidelines for the Handling and Storage of Temperature-Sensitive Pharmaceuticals

Guidelines for the Validation of Analytical Procedures in Pharmaceutical Analysis

pexels-rfstudio-3825368.jpg

Quality Risk Management Guidelines in the Pharmaceutical Industry

Guidelines for the Development and Evaluation of Stability of Pharmaceutical Products

Good Manufacturing Practices (GMP) Guidelines for Pharmaceutical Manufacturing

pexels-karolina-grabowska-4021819.jpg

Quality Assurance

Cleaning Validation

Trackwise

Guidelines for collaboration and partnerships in the pharmaceutical industry

christina-victoria-craft-ZHys6xN7sUE-unsplash.jpg

Production (Drug Substance /API)

Preventive Maintenance

Deviations

Guidelines for ethical marketing and promotion of pharmaceutical products

Engineering & Maintenance

Aseptic

Document

 Guidelines for data management and integrity in the pharmaceutical industry

pexels-pixabay-356040.jpg

Warehouse

Audit Trail

Batch Packaging Record

 Guidelines for supply chain management and logistics in the pharmaceutical industry

quality-factors-for-active-pharmaceutical-ingredients-1545981679.jpg

Production (Drug Product)

Protocol

Process Validation

Training

Guidelines for intellectual property protection in the pharmaceutical industry

pexels-artem-podrez-5726838.jpg

Personnel Qualification 

Gowning Qualifications

Batch

Guidelines for pharmacovigilance and drug safety monitoring in the pharmaceutical industry

Quality Control (Analytical)

Air Changes

Guidelines for clinical trial design and conduct in the pharmaceutical industry

Regulatory

Audit

ALCOA

 Guidelines for quality control and quality assurance in the pharmaceutical industry

Quality Control (Microbiology)

Data Integrity

Clean Area

Good Manufacturing Practices (GMP) guidelines for pharmaceutical manufacturing

large_pexels-kevin-bidwell-3602778.jpg

medium_pexels-kevin-bidwell-3602778.jpg

small_pexels-kevin-bidwell-3602778.jpg

thumbnail_pexels-kevin-bidwell-3602778.jpg

small_quality-factors-for-active-pharmaceutical-ingredients-1545981679.jpg

thumbnail_quality-factors-for-active-pharmaceutical-ingredients-1545981679.jpg

Human Resources

large_pexels-artem-podrez-5726838.jpg

medium_pexels-artem-podrez-5726838.jpg

small_pexels-artem-podrez-5726838.jpg

thumbnail_pexels-artem-podrez-5726838.jpg

large_christina-victoria-craft-ZHys6xN7sUE-unsplash.jpg

medium_christina-victoria-craft-ZHys6xN7sUE-unsplash.jpg

small_christina-victoria-craft-ZHys6xN7sUE-unsplash.jpg

thumbnail_christina-victoria-craft-ZHys6xN7sUE-unsplash.jpg

large_pexels-artem-podrez-4492069.jpg

medium_pexels-artem-podrez-4492069.jpg

small_pexels-artem-podrez-4492069.jpg

thumbnail_pexels-artem-podrez-4492069.jpg

large_pexels-rfstudio-3825368.jpg

medium_pexels-rfstudio-3825368.jpg

small_pexels-rfstudio-3825368.jpg

thumbnail_pexels-rfstudio-3825368.jpg

large_pexels-pixabay-356040.jpg

medium_pexels-pixabay-356040.jpg

small_pexels-pixabay-356040.jpg

thumbnail_pexels-pixabay-356040.jpg

large_bee-naturalles-IRM9qgZdlW0-unsplash.jpg

medium_bee-naturalles-IRM9qgZdlW0-unsplash.jpg

small_bee-naturalles-IRM9qgZdlW0-unsplash.jpg

thumbnail_bee-naturalles-IRM9qgZdlW0-unsplash.jpg

large_pexels-karolina-grabowska-4021819.jpg

medium_pexels-karolina-grabowska-4021819.jpg

small_pexels-karolina-grabowska-4021819.jpg

thumbnail_pexels-karolina-grabowska-4021819.jpg

large_national-cancer-institute-fTQHPb6r4wQ-unsplash.jpg

medium_national-cancer-institute-fTQHPb6r4wQ-unsplash.jpg

small_national-cancer-institute-fTQHPb6r4wQ-unsplash.jpg

thumbnail_national-cancer-institute-fTQHPb6r4wQ-unsplash.jpg

🏷️ Discover more tags

✨ Trending