<p class="f-weight300"> (Light) نازک </p>
<p class="f-weight400"> (Regular) معمولی </p>
<p class="f-weight500"> (Mediu) نیمه ضخیم </p>
<p class="f-weight600"> (Bold) ضخیم </p>


<p class="f-weight300 font-roboto"> (Light) </p>
<p class="f-weight400 font-roboto"> (Regular) </p>
<p class="f-weight500 font-roboto"> (Mediu) </p>
<p class="f-weight600 font-roboto"> (Bold) </p>


<h1>h1. شهرداری تهران</h1>
<h2>h2. شهرداری تهران</h2>
<h3>h3. شهرداری تهران</h3>
<h4>h4. شهرداری تهران</h4>
<h5>h5. شهرداری تهران</h5>
<h6>h6. شهرداری تهران</h6>


<h1>h1. شهرداری تهران <small>سازمان فناوری اطلاعات و ارتباطات شهرداری تهران</small> </h1>
<h2>h2. شهرداری تهران <small>سازمان فناوری اطلاعات و ارتباطات شهرداری تهران</small> </h2>
<h3>h3. شهرداری تهران <small>سازمان فناوری اطلاعات و ارتباطات شهرداری تهران</small> </h3>
<h4>h4. شهرداری تهران <small>سازمان فناوری اطلاعات و ارتباطات شهرداری تهران</small> </h4>
<h5>h5. شهرداری تهران <small>سازمان فناوری اطلاعات و ارتباطات شهرداری تهران</small> </h5>
<h6>h6. شهرداری تهران <small>سازمان فناوری اطلاعات و ارتباطات شهرداری تهران</small> </h6>


<p class="lead">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحا </p>
<p >لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحا </p>

<div class="text-center text-right text-left "> <p class="lead">جایگاه متن مرکز</p> <p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد.</p> </div>

<p>فهرست از موارد بولت دار</p>
<ul>
<li>لورم ایپسوم متن ساختگی</li>
<li>دستاوردهای اصلی</li>
<li>لورم ایپسوم متن ساختگی</li>
<li>دستاوردهای اصلی</li>
<li>لورم ایپسوم متن ساختگی <ul>
<li>لورم ایپسوم متن ساختگی</li>
<li>دستاوردهای اصلی</li>
<li>لورم ایپسوم متن ساختگی</li>
<li>دستاوردهای اصلی</li>
</ul>
</li>
<li>لورم ایپسوم متن ساختگی</li>
<li>دستاوردهای اصلی</li>
<li>لورم ایپسوم متن ساختگی</li>
<li>دستاوردهای اصلی</li>
<li>لورم ایپسوم متن ساختگی</li>
<li>دستاوردهای اصلی</li>
<li>لورم ایپسوم متن ساختگی</li>
</ul>


<p>فهرست از اعداد </p>
<ol>
<li>لورم ایپسوم متن ساختگی</li>
<li>دستاوردهای اصلی</li>
<li>لورم ایپسوم متن ساختگی</li>
<li>دستاوردهای اصلی</li>
<li>لورم ایپسوم متن ساختگی <ol>
<li>لورم ایپسوم متن ساختگی</li>
<li>دستاوردهای اصلی</li>
<li>لورم ایپسوم متن ساختگی</li>
<li>دستاوردهای اصلی</li>
</ol>
</li>
<li>لورم ایپسوم متن ساختگی</li>
<li>دستاوردهای اصلی</li>
<li>لورم ایپسوم متن ساختگی</li>
<li>دستاوردهای اصلی</li>
<li>لورم ایپسوم متن ساختگی</li>
<li>دستاوردهای اصلی</li>
<li>لورم ایپسوم متن ساختگی</li>
</ol>


<ul class="list-unstyled">
<li>لورم ایپسوم متن ساختگی</li>
<li>دستاوردهای اصلی <ul>
<li>لورم ایپسوم متن ساختگی</li>
<li>دستاوردهای اصلی</li>
</ul>
</li>
<li>لورم ایپسوم متن ساختگی</li>
<li>دستاوردهای اصلی</li>
<li>لورم ایپسوم متن ساختگی</li>
</ul>

<ul class="list-inline">
<li>دستاوردهای اصلی</li>
<li>لورم ایپسوم متن ساختگی</li>
<li>شهردرای تهران</li>
</ul>


<p>به سازمان فناوری اطلاعات و ارتباطات <mark>شهرداری تهران</mark> خوش آمدید. </p>
<p>نحوه استفاده <code>mark</code></p>
<p><del>به سازمان فناوری اطلاعات و ارتباطات شهرداری تهران خوش آمدید.</del></p>
<p>نحوه استفاده <code>del</code></p>
<p><ins>به سازمان فناوری اطلاعات و ارتباطات شهرداری تهران خوش آمدید.</ins></p>
<p>نحوه استفاده <code>ins</code></p>
<p><small>به سازمان فناوری اطلاعات و ارتباطات شهرداری تهران خوش آمدید.</small></p>
<p>نحوه استفاده <code>small</code></p>
<p><strong>سازمان فناوری اطلاعات و ارتباطات شهرداری تهران</strong></p>
<p>نحوه استفاده <code>strong</code></p>
<p><em>شهرداری تهران</em></p>
<p>سازمان فناوری اطلاعات و ارتباطات <a href="#">شهرداری تهران</a></p>
<p>نحوه استفاده <code>a</code></p>
<p>به سازمان فناوری اطلاعات و ارتباطات <abbr title="Seriously">شهرداری تهران</abbr> خوش آمدید. </p>
<p>به سازمان فناوری اطلاعات و ارتباطات <abbr title="For The Win">شهرداری تهران</abbr>خوش آمدید. </p>
<p>شهرداری <cite>تهران</cite></p>


<p class="text-custom">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. </p>
<p>نحوه استفاده <code>text-custom.</code></p>
<p class="text-danger">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. </p>
<p>نحوه استفاده <code>text-danger.</code></p>
<p class="text-muted">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. </p>
<p>نحوه استفاده <code>text-muted.</code></p>
<p class="text-primary">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. </p>
<p>نحوه استفاده <code>text-primary.</code></p>
<p class="text-warning">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. </p>
<p>نحوه استفاده <code>text-warning.</code></p>
<p class="text-success">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. </p>
<p>نحوه استفاده <code>text-success.</code></p>
<p class="text-info">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. </p>
<p>نحوه استفاده <code>text-info.</code></p>
<p class="text-inverse">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. </p>
<p>نحوه استفاده <code>text-inverse.</code></p>
<p class="text-pink">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. </p>
<p>نحوه استفاده <code>text-pink.</code></p>
<p class="text-purple">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. </p>
<p>نحوه استفاده <code>text-purple.</code></p>
<p class="text-dark">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. </p>
<p>نحوه استفاده <code>text-dark.</code></p>