History, asked by deviusha261974, 8 months ago

Who Fought in the French and Indian War? ​

Answers

Answered by 2ndiidoofTHOR940
3

Hey mate here is your answer.

French and Indian War, American phase of a worldwide nine years' war (1754–63) fought between France and Great Britain. (The more-complex European phase was the Seven Years' War [1756–63].) It determined control of the vast colonial territory of North America.

Answered by Anonymous
94

The French and Indian War was fought to decide if Britain or France would be the strong power in North America. France and its colonists and Indian allies fought against Britain, its colonists and Indian allies. The war began with conflicts about land.

&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,45,8);</p><p></p><p>border-top:none;</p><p></p><p>width:67%;</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:red;</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:orange;</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:pink;</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:lime;</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>}</p><p></p><p>h1 span:nth-child(7)</p><p></p><p>{color:blue;</p><p></p><p>animation-delay: 0.1s;</p><p>}</p><p></p><p>h1 span:nth-child(8)</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(9)</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(10)</p><p></p><p>{color:orange;</p><p></p><p>animation-delay:0s;</p><p></p><p>}</p><p></p><p>h1 span:nth-child(11)</p><p></p><p>{color:pink;</p><p></p><p>animation-delay: 0.4s;</p><p></p><p>}</p><p></p><p>h1 span:nth-child(12)</p><p></p><p>{color:lime;</p><p></p><p>animation-delay: 0.5s;</p><p></p><p>}</p><p></p><p>h1 span:nth-child(13)</p><p></p><p>{color:purple;</p><p></p><p>animation-delay: 0.3s;</p><p></p><p>}</p><p></p><p>h1 span:nth-child(14)</p><p></p><p>{color:blue;</p><p></p><p>animation-delay: 0.4s;</p><p></p><p>}</p><p></p><p>h1 span:nth-child(15)</p><p></p><p>{color:yellow;</p><p></p><p>animation-delay: 0.5s;</p><p></p><p>} </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;</p><p></p><p>&lt;center&gt;</p><p></p><p>&lt;div&gt;</p><p></p><p>&lt;h1&gt;</p><p></p><p>&lt;span&gt;P&lt;/span&gt;</p><p></p><p>&lt;span&gt;R&lt;/span&gt;</p><p></p><p>&lt;span&gt;A&lt;/span&gt;</p><p></p><p>&lt;span&gt;K&lt;/span&gt;</p><p></p><p>&lt;span&gt;A&lt;/span&gt; </p><p></p><p>&lt;span&gt;S&lt;/span&gt;</p><p></p><p>&lt;span&gt;H&lt;/span&gt;</p><p></p><p>&lt;/h1&gt;</p><p></p><p>&lt;/div&gt;</p><p></p><p>&lt;/center&gt;</p><p></p><p>&lt;/body&gt;</p><p></p><p>&lt;/html&gt;</p><p></p><p>

 {}

 {}

&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></p><p>&lt;div id="cube"&gt;</p><p></p><p>&lt;div class="front"&gt;20&lt;/div&gt;</p><p></p><p>&lt;div class="back"&gt;Thanks&lt;/div&gt;</p><p></p><p>&lt;div class="right"&gt;+&lt;/div&gt;</p><p></p><p>&lt;div class="left"&gt;Follow &lt;/div&gt;</p><p></p><p>&lt;div class="top"&gt;=&lt;/div&gt;</p><p></p><p>&lt;div class="bottom"&gt;Inbox&lt;/div&gt;</p><p></p><p>&lt;/div&gt;</p><p></p><p>&lt;/div&gt;</p><p></p><p>&lt;style&gt;</p><p></p><p>body {</p><p></p><p>padding-left: 30%;</p><p></p><p>padding-top: 5%;</p><p></p><p>}</p><p></p><p>.container {</p><p></p><p>width: 200px;</p><p></p><p>height: 200px;</p><p></p><p>position: relative;</p><p></p><p>-webkit-perspective: 1000px;</p><p></p><p>-moz-perspective: 1000px;</p><p></p><p>}</p><p></p><p>#cube {</p><p></p><p>width: 100%;</p><p></p><p>height: 100%;</p><p></p><p>position: absolute;</p><p></p><p>-webkit-transform-style: preserve-3d;</p><p></p><p>-webkit-animation: rotatecube 10s infinite;</p><p></p><p>-moz-transform-style: preserve-3d;</p><p></p><p>-moz-animation: rotatecube 10s infinite;</p><p></p><p>}</p><p></p><p>#cube div {</p><p></p><p>width: 200px;</p><p></p><p>height: 200px;</p><p></p><p>display: block;</p><p></p><p>position: absolute;</p><p></p><p>border: none;</p><p></p><p>line-height: 200px;</p><p></p><p>text-align: center;</p><p></p><p>font-size: 50px;</p><p></p><p>font-weight: bold;</p><p></p><p>}</p><p></p><p>@-webkit-keyframes rotatecube {</p><p></p><p>0% { -webkit-transform: rotateX(0deg) rotateY(360deg) rotateZ(90deg); }</p><p></p><p>25% { -webkit-transform: rotateX(90deg) rotateY(270deg) rotateZ(180deg); }</p><p></p><p>50% { -webkit-transform: rotateX(180deg) rotateY(180deg) rotateZ(0deg); }</p><p></p><p>75% { -webkit-transform: rotateX(270deg) rotateY(90deg) rotateZ(360deg); }</p><p></p><p>100% { -webkit-transform: rotateX(360deg) rotateY(0deg) rotateZ(270deg); }</p><p></p><p>}</p><p></p><p>@-moz-keyframes rotatecube {</p><p></p><p>0% { -moz-transform: rotateX(0deg) rotateY(360deg) rotateZ(90deg); }</p><p></p><p>25% { -moz-transform: rotateX(90deg) rotateY(270deg) rotateZ(180deg); }</p><p></p><p>50% { -moz-transform: rotateX(180deg) rotateY(180deg) rotateZ(0deg); }</p><p></p><p>75% { -moz-transform: rotateX(270deg) rotateY(90deg) rotateZ(360deg); }</p><p></p><p>100% { -moz-transform: rotateX(360deg) rotateY(0deg) rotateZ(270deg); }</p><p></p><p>}</p><p></p><p>.front {</p><p></p><p>background: rgba(255,0,0,.5);</p><p></p><p>}</p><p></p><p>.back {</p><p></p><p>background: rgba(0,255,0,.5);</p><p></p><p>}</p><p></p><p>.right {</p><p></p><p>background: rgba(0,0,255,.5);</p><p></p><p>}</p><p></p><p>.left {</p><p></p><p>background: rgba(0,255,255,.5);</p><p></p><p>}</p><p></p><p>.top {</p><p></p><p>background: rgba(255,0,255,.5);</p><p></p><p>}</p><p></p><p>.bottom {</p><p></p><p>background: rgba(255,255,0,.5);</p><p></p><p>}</p><p></p><p>#cube .front {</p><p></p><p>-webkit-transform: rotateY(0deg ) translateZ( 100px );</p><p></p><p>-moz-transform: rotateY( 0deg ) translateZ( 100px );</p><p></p><p>}</p><p></p><p>#cube .back {</p><p></p><p>-webkit-transform: rotateX( 180deg ) translateZ( 100px );</p><p></p><p>-moz-transform: rotateX( 180deg ) translateZ( 100px );</p><p></p><p>}</p><p></p><p>#cube .right {</p><p></p><p>-webkit-transform: rotateY( 90deg ) translateZ( 100px );</p><p></p><p>-moz-transform: rotateY( 90deg ) translateZ( 100px );</p><p></p><p>}</p><p></p><p>#cube .left {</p><p></p><p>-webkit-transform: rotateY( -90deg ) translateZ( 100px );</p><p></p><p>-moz-transform: rotateY( -90deg ) translateZ( 100px );</p><p></p><p>}</p><p></p><p>#cube .top {</p><p></p><p>-webkit-transform: rotateX( 90deg ) translateZ( 100px );</p><p></p><p>-moz-transform: rotateX( 90deg ) translateZ( 100px );</p><p></p><p>}</p><p></p><p>#cube .bottom {</p><p></p><p>-webkit-transform: rotateX( -90deg ) translateZ( 100px );</p><p></p><p>-moz-transform: rotateX( -90deg ) translateZ( 100px );</p><p></p><p>}</p><p></p><p>&lt;/style&gt;</p><p></p><p>&lt;/body&gt;</p><p></p><p>&lt;/html&gt;

Similar questions