The box-shadow property can be used to create paper-like cards:

<!DOCTYPE html>
<html>
<head>
<style>
div.card {
  width: 250px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  text-align: center;
}

div.header {
    background-color: #4CAF50;
    color: white;
    padding: 10px;
    font-size: 40px;
}div.header1 {
    background-color: red;
    color: white;
    padding: 10px;
    font-size: 40px;
}

div.container {
    padding: 10px;
}
</style>
</head>
<body>

<h2>Cards</h2>

<p>The box-shadow property can be used to create paper-like cards:</p>

<div class="card">

<div class="header1">
    <p>January</p>
  </div>
  <div class="header">
    <h1>1</h1>
  </div>

  <div class="container">
   <h1>2016</h1>
  </div>
</div>

</body>
</html>

Cards

The box-shadow property can be used to create paper-like cards:
January

1

2016

Comments

Post a Comment

Popular posts from this blog

Writing Systems Of The World

Image
pronunciation of words in English If the words illustrating two symbols sound the same to you (say, if you pronounce cot and caught the same, or do and dew , or marry and merry ), you can ignore the difference between those symbols. Footnotes explain some of these mergers. (See also #Dialect variation below.) Consonants IPA Examples b b uy, ca b d d ye, ca d , d o ð th y, brea the , fa th er dʒ g iant, ba dge , j am f f an, ca ff , ph i ɡ ( ɡ ) [1] g uy, ba g h h igh, a h ead j [2] y es, hallelu j ah k s k y, c ra ck l l ie, s l y, ga l m m y, s m ile, ca m n n igh, s n ide, ca n ŋ sa ng , si n k, si ng er θ th igh, ma th p p ie, s p y, ca p r r ye, t r y, ve r y [3] s s igh, ma ss ʃ sh y, ca sh , emo ti on t t ie, s t y, ca t , a t om tʃ ch ina, ca tch v v ie, ha ve w w ye, s w ine hw wh y [4] z z oo, ha s ʒ equa ti on, plea s ure, vi si on, bei g e [5]
Read more

International Phonetic Alphabet

Image
http://alphabeticcodecharts.com/ipa_pics_TrainingACC.pdf https://en.wikipedia.org/wiki/International_Phonetic_Alphabet International Phonetic Alphabet From Wikipedia, the free encyclopedia Jump to: navigation , search Not to be confused with NATO phonetic alphabet  or Americanist phonetic notation . For other uses, see IPA (disambiguation) . For usage of IPA in Wikipedia, see Help:IPA , Help:IPA/Introduction or Help:IPA for English International Phonetic Alphabet Type Alphabet, partially featural Languages Used for phonetic and phonemic transcription of any language Time period since 1888 Parent systems Romic alphabet Phonotypic alphabet International Phonetic Alphabet Direction Left-to-right ISO 15924 Latn, 215 Unicode alias Latin This article contains phonetic symbols . Without proper rendering support , you may see question marks, boxes, or other symbols instea
Read more

Navicat Cloud

Image
Manage Navicat Cloud After logged into Navicat Cloud, you can open the Navicat Cloud window by choosing File -> Navicat Cloud from the main menu. In the Navicat Cloud window, you can view the account details and manage the models and virtual groups that stored in Navicat Cloud. The left User Info pane shows the account details and the cloud usage. The right Navicat Cloud Activity pane shows the project members and activities. If the Navicat Cloud Activity pane is hidden, you can click the button to show it. Note: A model file or a virtual group counts for one unit. A proper database design is essential to achieving your goals in working with a database, whether they prioritize rapid information retrieval, efficient storage, or some combination of both.  Therefore, investing the time to apply the principles of good design should be a high priority.  Once completed, your database will better meet your needs and can easily accommodate future changes. As in a
Read more