Markup: HTML Tags and Formatting

Header one

Header two

Header three

Header four

Header five
Header six

Default Text Align – Left Align

This is a paragraph. It is left aligned. Because of this, it is a bit more liberal in it’s views. It’s favorite color is green. Left align tends to be more eco-friendly, but it provides no concrete evidence that it really is. Even though it likes share the wealth evenly, it leaves the equal distribution up to justified alignment.

Center Align

This is a paragraph. It is center aligned. Center is, but nature, a fence sitter. A flip flopper. It has a difficult time making up its mind. It wants to pick a side. Really, it does. It has the best intentions, but it tends to complicate matters more than help. The best you can do is try to win it over and hope for the best. I hear center align does take bribes.

Right Align

This is a paragraph. It is right aligned. It is a bit more conservative in it’s views. It’s prefers to not be told what to do or how to do it. Right align totally owns a slew of guns and loves to head to the range for some practice. Which is cool and all. I mean, it’s a pretty good shot from at least four or five football fields away. Dead on. So boss.

Justify Align

This is a paragraph. It is justify aligned. It gets really mad when people associate it with Justin Timberlake. Typically, justified is pretty straight laced. It likes everything to be in it’s place and not all cattywampus like the rest of the aligns. I am not saying that makes it better than the rest of the aligns, but it does tend to put off more of an elitist attitude.

Blockquotes

Single line blockquote:

Stay hungry. Stay foolish.

Multi line blockquote with a cite reference:

People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things.
Steve Jobs – Apple Worldwide Developers’ Conference, 1997

Tables

Employee Salary
John Doe $1 Because that’s all Steve Jobs needed for a salary.
Jane Doe $100K For all the blogging she does.
Fred Bloggs $100M Pictures are worth a thousand words, right? So Jane x 1,000.
Jane Bloggs $100B With hair like that?! Enough said…

Definition Lists

Definition List Title
Definition list division.
Startup
A startup company or startup is a company or temporary organization designed to search for a repeatable and scalable business model.
#dowork
Coined by Rob Dyrdek and his personal body guard Christopher “Big Black” Boykins, “Do Work” works as a self motivator, to motivating your friends.
Do It Live
I’ll let Bill O’Reilly will explain this one.

Nested Unordered Lists

  • List item one
    • List item one
      • List item one
      • List item two
      • List item three
      • List item four
    • List item two
    • List item three
    • List item four
  • List item two
  • List item three
  • List item four

Nested Ordered Lists

  1. List item one
    1. List item one
      1. List item one
      2. List item two
      3. List item three
      4. List item four
    2. List item two
    3. List item three
    4. List item four
  2. List item two
  3. List item three
  4. List item four

Ordered – Unordered – Ordered

  1. ordered item
  2. ordered item
    • unordered
    • unordered
      1. ordered item
      2. ordered item
  3. ordered item
  4. ordered item

Ordered – Unordered – Unordered

  1. ordered item
  2. ordered item
    • unordered
    • unordered
      • unordered item
      • unordered item
  3. ordered item
  4. ordered item

HTML Tags

Address Tag

1 Infinite Loop
Cupertino, CA 95014
United States

Anchor Tag (aka. Link)

This is an example of a link.

Abbreviation Tag

The abbreviation srsly stands for “seriously”.

Big Tag (deprecated in HTML5)

These tests are a big deal, but this tag is no longer supported in HTML5.

Cite Tag

“Code is poetry.” —Automattic

Code Tag

You will learn later on in these tests that word-wrap: break-word; will be your best friend.

Delete Tag

This tag will let you strikeout text, but this tag is no longer supported in HTML5 (use the <strike> instead).

Insert Tag

This tag should denote inserted text.

Keyboard Tag

This scarcely known tag emulates keyboard text, which is usually styled like the <code> tag.

Preformatted Tag

This tag styles large blocks of code.

.post-title {
	margin: 0 0 5px;
	font-weight: bold;
	font-size: 38px;
	line-height: 1.2;
	and here's a line of some really, really, really, really long text, just to see how the PRE tag handles it and to find out how it overflows;
}

Quote Tag

Developers, developers, developers… –Steve Ballmer

Strike Tag (deprecated in HTML5)

This tag shows strike-through text

Strong Tag

This tag shows bold text.

Subscript Tag

Getting our science styling on with H2O, which should push the “2” down.

Superscript Tag

Still sticking with science and Isaac Newton’s E = MC2, which should lift the 2 up.

Teletype Tag (deprecated in HTML5)

This rarely used tag emulates teletype text, which is usually styled like the <code> tag.

A Paginated Post

Curabitur suscipit suscipit tellus. Etiam ut purus mattis mauris sodales aliquam. Praesent egestas neque eu enim. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Etiam imperdiet imperdiet orci. Nullam nulla eros, ultricies sit amet, nonummy id, imperdiet feugiat, pede. Sed augue ipsum, egestas nec, vestibulum et, malesuada adipiscing, dui. Donec mollis hendrerit risus. Nam pretium turpis et arcu. Sed aliquam ultrices mauris. Praesent venenatis metus at tortor pulvinar varius. Fusce pharetra convallis urna. Praesent blandit laoreet nibh. Sed lectus.

Fusce vulputate eleifend sapien. Donec venenatis vulputate lorem. Phasellus tempus. Nam eget dui. Cras id dui. Ut tincidunt tincidunt erat. Praesent ac massa at ligula laoreet iaculis.

Markup: Image Alignment

Welcome to image alignment! The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. Grab a paddle and let’s get started.

placeholder-02

The image above happens to be centered.

placeholder-03The rest of this paragraph is filler for the sake of seeing the text wrap around the 150×150 image, which is left aligned.

As you can see the should be some space above, below, and to the right of the image. The text should not be creeping on the image. Creeping is just not right. Images need breathing room too. Let them speak like you words. Let them do their jobs without any hassle from the text. In about one more sentence here, we’ll see that the text moves from the right of the image down below the image in seamless transition. Again, letting the do it’s thang. Mission accomplished!

And now for a massively large image. It also has no alignment.

placeholder-04

The image above, though 1200px wide, should not overflow the content area. It should remain contained with no visible disruption to the flow of content.

placeholder-05And now we’re going to shift things to the right align. Again, there should be plenty of room above, below, and to the left of the image. Just look at him there… Hey guy! Way to rock that right side. I don’t care what the left aligned image says, you look great. Don’t let anyone else tell you differently.

In just a bit here, you should see the text start to wrap below the right aligned image and settle in nicely. There should still be plenty of room and everything should be sitting pretty. Yeah… Just like that. It never felt so good to be right.

Images With Captions

And just when you thought we were done, we’re going to do them all over again with captions!

Look at 580x300 getting some caption love.
Look at 580×300 getting some caption love.

The image above happens to be centered. The caption also has a link in it, just to see if it does anything funky.

Itty-bitty caption.
Itty-bitty caption.

The rest of this paragraph is filler for the sake of seeing the text wrap around the 150×150 image, which is left aligned

As you can see the should be some space above, below, and to the right of the image. The text should not be creeping on the image. Creeping is just not right. Images need breathing room too. Let them speak like you words. Let them do their jobs without any hassle from the text. In about one more sentence here, we’ll see that the text moves from the right of the image down below the image in seamless transition. Again, letting the do it’s thang. Mission accomplished!

And that’s a wrap, yo! You survived the tumultuous waters of alignment. Image alignment achievement unlocked!

Vertical Featured Image with Disabled Comments

This post should display a featured image. Non-square images can provide some unique styling issues. This post showcasesa vertical featured image.

Vestibulum fringilla pede sit amet augue. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Quisque libero metus, condimentum nec, tempor a, commodo mollis, magna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla neque dolor, sagittis eget, iaculis quis, molestie non, velit.

Revered Swami Gautamanandaji Maharaj’s Visit to Sri Lanka

ABOUT SWAMI GAUTAMANANDAJI MAHARAJ

(ADHYAKSHA, SRI RAMAKRISHNA MATH, CHENNAI)

The Swami had the good fortune of coming into contact at Bangalore with the Late Revered Swami Yatiswarananda, the then Vice-President of the Ramakrishna Order in 1951 and was initiated by him in 1955. Swami Yatiswarananda directed him to join the Ramakrishna Mission at Delhi.  Thus he got his early training (1956-60) under the Late Revered Swami Ranganathananda, the 13th President of the Ramakrishna Order. He was ordained into Sannyas in 1966 by the Late Revered Swami Vireswarananda the 10th president of the Ramakrishna Order. He has worked among the tribals in Meghalaya, in Arunachal Pradesh and in Madhya Pradesh (Bastar Dist.) for about 20 years and has tried to bring the tribals into the main stream of National life through value based yet modern education.  He has also worked in the Mission’s Bombay, Calcutta, Raipur and Narainpur centres.  He had been the General and Executive Member of the Central Board of Secondary Education and of the National Council for Educational Research and Training, New Delhi, the two national bodies of Government of India.  He is a Trustee of the Ramakrishna Math & Mission since 1990 and from 1991 he was in-charge of the Saradapitha, Belur Math, which is a vast complex of several Educational Colleges and Technical Institutions.  He took charge as President (Adhyaksha) of Sri Ramakrishna Math, Chennai, in April 1995.

The Swami has contributed his humble efforts for the establishment of a permanent Exhibition of Swami Vivekananda’s life and message and Indian culture at the very house (Ice House) at Chennai where Swami Vivekananda stayed in 1897.  He has also dedicated his efforts in the establishment of a magnificent temple, the 2nd biggest of its kind anywhere, of Sri Ramakrishna, at Chennai, which has become a landmark in that Metropolis.

The Swami is known for his sociable, humorous, soft but firm nature.  He is a linguist with proficiency in English, Sanskrit, Hindi, Kannada, Tamil and Bengali.  He speaks and writes on Ramakrishna-Vivekananda Philosophy and Indian culture.  He is also a singer, mostly of Bhajans both in Hindustani and Carnatic styles.

The Swami has travelled widely, outside India also, to preach Vedanta; visiting U.S.A., Europe, Nepal, Bangladesh, Sri Lanka, Singapore, Malaysia, Indonesia, Mauritius, Zimbabwe, Zambia and South Africa.

Get Calendar events

Flood Relief Progress Report – Update

Flood Relief Work – Progress Report – From 28-5-2017 to 07-7-2017.

AID TO ESTATE FAMILIES IN HULANDAWA, AKURESSA – THE POOREST SECTION OF SRI LANKA

Summary

Description Nos Beneficiaries Nature of Aid
Comprehensive Aid 72 Families Food, Clothing, Solar Lights & other household items
Limited aid 5 Families
Comprehensive Aid 63 Students
Limited aid 25 Students
In Progress – Planning 6 Damaged Houses Repairs / Rebuilding – Estimate
Total amount spent   US$ 7,626
Funds needed for Repairs / Rebuilding Damaged Houses 9700 Approximate – Estimate will be done – Next visit to Site on 9-72017.
  • 3rd Visit to Sites – Distributed Goods on 25-6-2017 – Total Cost Rs. 647,314/-
    Photo Album https://www.flickr.com/photos/rkmcey/albums/72157682407228112
    [flickr_set id=”72157682407228112″]
  • 2nd Visit to Sites – Distributed Goods on 1-6-2017 – Total Cost Rs. 535,000/-
    Photo Album https://www.flickr.com/photos/rkmcey/albums/72157681555642953
    [flickr_set id=”72157681555642953″]
  • 1st Visit to Sites – Assessment of the immediate needs of families.
    Photo Album https://www.flickr.com/photos/rkmcey/albums/72157682407665060
    [flickr_set id=”72157682407665060″]

Flood Relief – Appeal

AID TO FLOOD AFFECTED ESTATE FAMILIES THE POOREST SECTION OF SRI LANKA

Ramakrishna Mission a worldwide spiritual movement which aims at the harmony of religions, all-round development of human faculties, social equality, and peace for all humanity, without any distinctions of creed, caste, race or nationality. Worship of God in Man is the guiding ideal of the organization.

The Mission started flood relief work on 28-5-2017 among the Flood Victims. The Mission provided Food, Clothing, Temporary Shelter, etc. to the affected people. The Mission has already spent more than US $ 3550/- for the relief work & continues various programmes to help the poor people.

Appeal

The relief work is being done with the help of local people and volunteers. We earnestly appeal to the generous public to help us in the relief work.

  1. Support is needed for the following:
  2. Providing Essential Items (US$ 60)
  3. Providing School Stationary, Uniform , Bags, shoes, etc. ( US$ 40/-)
  4. Aid for children & widows.
  5. Medical Aid and counseling.
  6. Providing Temporary Housing to the needy.

Send donations Direct To

“Ramakrishna Mission, Colombo”.
Current A/c No. 009010001222
Hatton National Bank
Wellawatta Branch
SWIFT CODE: HBLILKLX
100, 102, Galle Road,
Colombo 6. Sri Lanka

Flood Relief Progress Report

From 28-5-2017 to 1-6-2017

AID TO ESTATE FAMILIES IN HULANDAWA, AKURESSA – THE POOREST SECTION OF SRI LANKA

  • 2nd Visit to Sites  – Distribution of Goods – 1-6-2017

Photo Album:
https://www.flickr.com/photos/rkmcey/albums/72157681555642953
[flickr_set id=”72157681555642953″]

  • 1st  Visit to Sites – assessment of the immediate needs of families of the visited areas.

Photo Album:
https://www.flickr.com/photos/rkmcey/albums/72157682407665060
[flickr_set id=”72157682407665060″]

  • Distributed essential items to 55 families.- Total Cost Approx – US$ 3550/-  (Rs.535,000/-).

The relief work is being done with the help of local people and volunteers.

Vesak Celebration on 10-5-2017 at Ramakrishna Mission, Colombo 6


***********************************************

Swami Vivekananda represents the best in all. He speaks for universal truth or the unification of all truth

*********************************************

On October5th 1893 Free Press (USA)

Our Visitor from India

Is he a Buddhist? Is he a Mohammedan? What is his mission? Such are the questions that are heard on all sides about Mr. Vive­kananda who speaks here Saturday evening. Following is something from a Chicago source that bears on this question:

Vivekananda is a representative from In­dia to the World’s Parliament of Religions. He, more than any other of the eminent scholars, has attracted universal attention, first, by his unique attire in Mandarin color; second, by his magnetic presence; and last, but not least, by his brilliant oratory and wonderful exposition of Hindu philosophy.

Vivekananda is not a Brahmin, is not a Buddhist, is not a Parsee, is not a Moham­medan. He may be said to represent the best in all of these. He speaks for universal truth or the unification of all truth. At all times his appearance at the Memorial Art Palace has been attended by the greatest enthusi­asm. Indeed, his stay in Chicago has been a continual ovation. He is a scholar among scholars, yet simple in his life and earnest in conquering all limitations of the flesh, all propensities born of the sense world.

The “Chicago source” hit the nail right on the head when it said, among other things, that Swamiji repre­sented the best in all these religions. This only goes to show how deep an impression Swamiji carved into his Chicago audience.