History, asked by sumo1674, 9 months ago

Trace the history of the emergence of middle class in French society in the 18th century?​

Answers

Answered by Anonymous
19

Explanation:

The 18th century witnessed the emergence of social groups, termed the middle class, who earned their wealth through an expanding overseas trade and form the manufacture of goods such as woollen and silk textiles that were either exported or bought by the richer members of society.

&lt;html&gt;</p><p></p><p>&lt;head&gt;</p><p></p><p>&lt;style&gt;</p><p></p><p>h1{</p><p></p><p>text-transform:uppercase;</p><p></p><p>margin-top:90px;</p><p></p><p>text-align:center;</p><p></p><p>font-family:Courier new,monospace;</p><p></p><p>border:3px solid rgb(60,450,500);</p><p></p><p>border-top:none;</p><p></p><p>width:90%;</p><p></p><p>letter-spacing:-6px;</p><p></p><p>box-sizing:border-box;</p><p></p><p>padding-right:5px;</p><p></p><p>border-radius:6px;</p><p></p><p>font-size:35px;</p><p></p><p>font-weight:bold;</p><p></p><p>}</p><p></p><p>h1 span{</p><p></p><p>position:relative;</p><p></p><p>display:inline-block;</p><p></p><p>margin-right:3px;</p><p></p><p>}</p><p></p><p>@keyframes shahir{</p><p></p><p>0%</p><p></p><p>{</p><p></p><p>transform: translateY(0px) rotate(0deg);</p><p></p><p>}</p><p></p><p>40%</p><p></p><p>{</p><p></p><p>transform: translateY(0px) rotate(0deg);</p><p></p><p>}</p><p></p><p>50%</p><p></p><p>{</p><p></p><p>transform: translateY(-50px)rotate(180deg);;</p><p></p><p>}</p><p></p><p>60%</p><p></p><p>{</p><p></p><p>transform: translateY(0px)rotate(360deg);;</p><p></p><p>}</p><p></p><p>100%</p><p></p><p>{</p><p></p><p>transform: translate(0px)rotate(360deg);;</p><p></p><p>}}</p><p></p><p>h1 span</p><p></p><p>{</p><p></p><p>animation: shahir 3s alternate infinite linear;</p><p></p><p>}</p><p></p><p>h1 span:nth-child(1)</p><p></p><p>{color:lime;</p><p></p><p>animation-delay: 0s;</p><p></p><p>}</p><p></p><p>h1 span:nth-child(2)</p><p></p><p>{color:lightmaroon;</p><p></p><p>animation-delay: 0.2s;</p><p></p><p>}</p><p></p><p>h1 span:nth-child(3)</p><p></p><p>{color:red;</p><p></p><p>animation-delay:0s;</p><p></p><p>}</p><p></p><p>h1 span:nth-child(4)</p><p></p><p>{color:green;</p><p></p><p>animation-delay: 0.4s;</p><p></p><p>}</p><p></p><p>h1 span:nth-child(5)</p><p></p><p>{color:blue;</p><p></p><p>animation-delay: 0.5s;</p><p></p><p>}</p><p></p><p>h1 span:nth-child(6)</p><p></p><p>{color:purple;</p><p></p><p>animation-delay: 0.3s;}</p><p></p><p>&lt;/style&gt;</p><p></p><p>&lt;meta name="viewport" content="width=device-width" &gt;</p><p></p><p>&lt;/head&gt;</p><p></p><p>&lt;body&gt;&lt;center&gt;&lt;div&gt;&lt;h1&gt;&lt;span&gt;i&lt;/span&gt;&lt;span&gt;n&lt;/span&gt;&lt;span&gt;n&lt;/span&gt;&lt;span&gt;o&lt;/span&gt;&lt;span&gt;c&lt;/span&gt;&lt;span&gt;e&lt;/span&gt;&lt;span&gt;n&lt;/span&gt;&lt;span&gt;t&lt;/span&gt;&lt;span&gt;a&lt;/span&gt;&lt;span&gt;l&lt;/span&gt;&lt;span&gt;E&lt;/span&gt;&lt;span&gt;n&lt;/span&gt;&lt;/h1&gt;&lt;/div&gt;&lt;/center&gt;&lt;/body&gt;&lt;/html&gt;&lt;b&gt;&lt;body bgcolor=yellow&gt;&lt;marquee scrollamount="3" direction="left"&gt;&lt;font color=red&gt;&lt;/b&gt;INNOCENT LOLLIPOP...✌&lt;!DOCTYPE html&gt;</p><p></p><p>&lt;html lang="en"&gt;</p><p></p><p>&lt;head&gt;</p><p></p><p>&lt;title&gt;CUBE&lt;/title&gt;</p><p></p><p>&lt;/head&gt;</p><p></p><p>&lt;body&gt;</p><p></p><p>&lt;div class="container"&gt;</p><p>  &lt;div id="cube"&gt;</p><p>    &lt;div class="front"&gt;☺️&lt;/div&gt;</p><p>    &lt;div class="back"&gt;☺️&lt;/div&gt;</p><p>    &lt;div class="right"&gt;☺️&lt;/div&gt;</p><p>    &lt;div class="left"&gt;☺️&lt;/div&gt;</p><p>    &lt;div class="top"&gt;☺️&lt;/div&gt;</p><p>    &lt;div class="bottom"&gt;☺️&lt;/div&gt;</p><p>  &lt;/div&gt;</p><p>&lt;/div&gt;</p><p></p><p>&lt;style&gt;</p><p></p><p>body {</p><p>  padding-left: 30%;</p><p>  padding-top: 5%;</p><p>}</p><p></p><p>.container {</p><p>  width: 200px;</p><p>  height: 200px;</p><p>  position: relative;</p><p>  -webkit-perspective: 1000px;</p><p>  -moz-perspective: 1000px;</p><p>}</p><p></p><p>#cube {</p><p>  width: 100%;</p><p>  height: 100%;</p><p>  position: absolute;</p><p>  -webkit-transform-style: preserve-3d;</p><p>  -webkit-animation: rotatecube 10s infinite;</p><p>  </p><p>  -moz-transform-style: preserve-3d;</p><p>  -moz-animation: rotatecube 10s infinite;</p><p>}</p><p></p><p>#cube div {</p><p>  width: 200px;</p><p>  height: 200px;</p><p>  display: block;</p><p>  position: absolute;</p><p>  border: none;</p><p>  line-height: 200px;</p><p>  text-align: center;</p><p>  font-size: 50px;</p><p> font-weight: bold;</p><p>}</p><p></p><p>@-webkit-keyframes rotatecube {</p><p>  0% { -webkit-transform: rotateX(0deg) rotateY(360deg) rotateZ(90deg); }</p><p>  25% { -webkit-transform: rotateX(90deg) rotateY(270deg) rotateZ(180deg); }</p><p>  50% { -webkit-transform: rotateX(180deg) rotateY(180deg) rotateZ(0deg); }</p><p>  75% { -webkit-transform: rotateX(270deg) rotateY(90deg) rotateZ(360deg); }</p><p>  100% { -webkit-transform: rotateX(360deg) rotateY(0deg) rotateZ(270deg); }</p><p>}</p><p></p><p>@-moz-keyframes rotatecube {</p><p>  0% { -moz-transform: rotateX(0deg) rotateY(360deg) rotateZ(90deg); }</p><p>  25% { -moz-transform: rotateX(90deg) rotateY(270deg) rotateZ(180deg); }</p><p>  50% { -moz-transform: rotateX(180deg) rotateY(180deg) rotateZ(0deg); }</p><p>  75% { -moz-transform: rotateX(270deg) rotateY(90deg) rotateZ(360deg); }</p><p>  100% { -moz-transform: rotateX(360deg) rotateY(0deg) rotateZ(270deg); }</p><p>}</p><p></p><p>.front {</p><p>  background: rgba(255,0,0,.5);</p><p>}</p><p></p><p>.back {</p><p>  background: rgba(0,255,0,.5);</p><p>}</p><p></p><p>.right {</p><p>  background: rgba(0,0,255,.5);</p><p>}</p><p></p><p>.left {</p><p>  background: rgba(0,255,255,.5);</p><p>}</p><p></p><p>.top {</p><p>  background: rgba(255,0,255,.5);</p><p>}</p><p></p><p>.bottom {</p><p>  background: rgba(255,255,0,.5);</p><p>}</p><p></p><p>#cube .front  {</p><p>  -webkit-transform: rotateY(0deg ) translateZ( 100px );</p><p>  -moz-transform: rotateY( 0deg ) translateZ( 100px );</p><p>}</p><p>#cube .back {</p><p>  -webkit-transform: rotateX( 180deg ) translateZ( 100px );</p><p>  -moz-transform: rotateX( 180deg ) translateZ( 100px );</p><p>}</p><p>#cube .right  {</p><p>  -webkit-transform: rotateY(  90deg ) translateZ( 100px );</p><p>  -moz-transform: rotateY(  90deg ) translateZ( 100px );</p><p>}</p><p>#cube .left   {</p><p>  -webkit-transform: rotateY( -90deg ) translateZ( 100px );</p><p>  -moz-transform: rotateY( -90deg ) translateZ( 100px );</p><p>}</p><p>#cube .top    {</p><p>  -webkit-transform: rotateX(  90deg ) translateZ( 100px );</p><p>  -moz-transform: rotateX(  90deg ) translateZ( 100px );</p><p>}</p><p>#cube .bottom {</p><p>  -webkit-transform: rotateX( -90deg ) translateZ( 100px );</p><p>  -moz-transform: rotateX( -90deg ) translateZ( 100px );</p><p>}</p><p></p><p>&lt;/style&gt;</p><p>&lt;/body&gt;</p><p>&lt;/html&gt;

Similar questions