Political Science, asked by Anonymous, 1 year ago

plzz answer fast.....​

Attachments:

Answers

Answered by ashokhitanshu
0

Answer:

answer is attached

Explanation:

A ccording to me the answer is truly correct

Attachments:
Answered by MRsteveAustiN
2

</p><p></p><p></p><p></p><p></p><p>&lt;html&gt;</p><p>&lt;!----Created By MrsteveAustiN aka RJ--&gt;</p><p>&lt;head&gt;</p><p>&lt;meta charset="utf-8" /&gt;</p><p>&lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;&lt;/meta&gt;</p><p>&lt;title&gt;Lamya's profile card&lt;/title&gt;</p><p>&lt;link href="https://fonts.googleapis.com/css?family=Montserrat&amp;display=swap" rel="stylesheet"&gt;</p><p>&lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"&gt;</p><p>&lt;style&gt;</p><p></p><p>*{</p><p>margin:0;</p><p>padding:0;</p><p>box-sizing:border-box;</p><p>}</p><p>body {</p><p>font-family:'Montserrat',sans-serif;</p><p>font-weight:300;</p><p>line-height:1.2;</p><p>font-size:14px;</p><p>background:black;</p><p>}</p><p>main {</p><p>width:100%;</p><p>max-width:400px;</p><p>padding:0 25px;</p><p>margin:auto;</p><p>}</p><p>nav {</p><p>position:relative;</p><p>width:100%;</p><p>height:56px;</p><p>display:flex;</p><p>justify-content: space-between;</p><p>align-items: center;</p><p>box-shadow:0px 1px 0px  rgba(0,0,0,0.1);</p><p>}</p><p>nav a{</p><p>color:#333;</p><p>font-size:1.5rem;</p><p>text-decoration:none;</p><p>font-weight:bold;</p><p>transition:0.3s;</p><p>}</p><p>nav a:hover {</p><p>color:#ff001e;</p><p>}</p><p>.menu {</p><p>position:absolute;</p><p>top:40px;</p><p>right:-10px;</p><p>background:#fff;</p><p>list-style:none;</p><p>box-shadow:0px 2px 5px rgba(0,0,0,0.2);</p><p>border-radius:2px;</p><p>overflow:hidden;</p><p>z-index:3;</p><p>display:none;</p><p>}</p><p>.menu li {</p><p>padding:8px 25px;</p><p>background:#fff;</p><p>transition:0.3s ease;</p><p>font-size:14px;</p><p>color:#333;</p><p>}</p><p>.menu li:hover {</p><p>background:#f2e4e4;</p><p>}</p><p>.menu-btn:hover &gt; .menu{</p><p>  display:block;</p><p>}</p><p>.profile {</p><p>width:100%;</p><p>display:flex;</p><p>justify-content: space-between;</p><p>align-items: center;</p><p>flex-direction: column;</p><p>padding:30px 0;</p><p>border-bottom:1px solid rgba(0,0,0,0.2);</p><p>}</p><p>.profile-img {</p><p>position:relative;</p><p>height:150px;</p><p>width:150px;</p><p>border-radius:50%;</p><p>margin:auto;</p><p>overflow:hidden;</p><p>box-shadow:0 2px 5px 1px rgba(0,0,0,0.2);</p><p>transition:all 0.3s ease-in;</p><p>z-index:2;</p><p>}</p><p>.profile-img img{</p><p>height:100%;</p><p>width:100%;</p><p>object-fit:cover;</p><p>}</p><p>.overlay {</p><p>position:fixed;</p><p>height:100vh;</p><p>width:100%;</p><p>top:0;</p><p>left:0;</p><p>background:rgba(0,0,0,0.3);</p><p>display:none;</p><p>z-index:1;</p><p>}</p><p>.profile-img:hover {</p><p>  border-radius:0;</p><p>  transform:scale(1.5);</p><p>}</p><p>.profile-img:hover + .overlay {</p><p>display:block;</p><p>}</p><p></p><p>.profile h1{</p><p>margin-top:10px;</p><p>font-size:26px;</p><p>letter-spacing:1px;</p><p>}</p><p>.profile h3{</p><p>color:#666;</p><p>margin:5px 0;</p><p>}</p><p>.profile p{</p><p>  color:#555;</p><p>}</p><p>.red{</p><p>  color:#ff001e;</p><p>}</p><p>.follower,.btn-group {</p><p>  width:100%;</p><p>  display:flex;</p><p>  justify-content: space-between;</p><p>  align-items: center;</p><p>  padding:15px 10px;</p><p>  text-align:center;</p><p>}</p><p>.btn-group a{</p><p>  text-decoration:none;</p><p>  width:48%;</p><p>  padding:13px 0;</p><p>  border-radius:40px;</p><p>  transition:0.5s;</p><p>  font-size:1rem;</p><p>}</p><p>.btn1 {</p><p>  background:#ff001e;</p><p>  color:#fff;</p><p>}</p><p>.btn2 {</p><p>  color:#ff001e;</p><p>  border:1px solid #ff001e;</p><p>}</p><p>.btn1:hover {</p><p>  background:#fff;</p><p>  color:#ff001e;</p><p>  border:1px solid #ff001e;</p><p>}</p><p>.btn2:hover {</p><p>  background:#ff001e;</p><p>  color:#fff;</p><p>}</p><p>.about {</p><p>  padding:30px 0;</p><p>  border-top:1px solid rgba(0,0,0,0.2);</p><p>  margin-top:20px;</p><p>  color:yellow</p><p>}</p><p>.about h2{</p><p>  margin-bottom:10px;</p><p>  color:cyan;</p><p>}</p><p>footer {</p><p>  width:100%;</p><p>  display:flex;</p><p>  justify-content: space-between;</p><p>  align-items: center;</p><p>  padding:10px 10px 0;</p><p>  text-align:center;</p><p>  border-top:1px solid rgba(0,0,0,0.2);</p><p>}</p><p>footer a{</p><p>  text-decoration:none;</p><p>  color:#555;</p><p>  font-size:1.5em;</p><p>  height:40px;</p><p>  width:40px;</p><p>  border-radius:3px;</p><p>  display:flex;</p><p>  justify-content: center;</p><p>  align-items: center;</p><p>  transition:0.5s;</p><p>}</p><p>footer a:hover {</p><p>background:#ff001e;</p><p>color:#fff;</p><p>}</p><p>&lt;/style&gt;</p><p>&lt;/head&gt;</p><p>&lt;body&gt;</p><p>&lt;main&gt;</p><p>&lt;nav&gt;</p><p>&lt;a href="#"&gt;&lt;i class="fa fa-angle-left" &gt;&lt;/i&gt;&lt;/a&gt;</p><p>&lt;a href="#" style="color:red"&gt;My Profile card&lt;/a&gt;</p><p>&lt;a href="#" class="menu-btn"&gt;&lt;i class="fa fa-ellipsis-v" &gt;&lt;/i&gt;</p><p>   &lt;ul class="menu" &gt;</p><p>     &lt;li&gt;About&lt;/li&gt;</p><p>     &lt;li&gt;Contact&lt;/li&gt;</p><p>     &lt;li&gt;Work&lt;/li&gt;</p><p>   &lt;/ul&gt;</p><p>&lt;/a&gt;</p><p>&lt;/nav&gt;</p><p>&lt;div class="profile" &gt;</p><p>  &lt;div class="profile-img"&gt;</p><p>    &lt;img src="https://cdn.theculturetrip.com/wp-content/uploads/2018/05/eiffel-tower-3349075_1280-1.jpg"&gt;</p><p>  &lt;/div&gt;</p><p>  &lt;div class="overlay" &gt;&lt;/div&gt;</p><p> </p><p>  &lt;h1 style="color:gold"&gt;Atharva&lt;/h1&gt;</p><p>  &lt;h3 style="color:lime"&gt;UNI BOY&lt;/h3&gt;</p><p></p><p>  &lt;p&gt;&lt;i class="fa fa-map-marker" &gt; &lt;/i&gt;Pune, Maharashtra,India&lt;/p&gt;</p><p>&lt;/div&gt;</p><p>&lt;div class="follower"&gt;</p><p>  &lt;div style="color:yellow"&gt;</p><p>  &lt;h1&gt;3420&lt;/h1&gt;</p><p>  &lt;p&gt;followers&lt;/p&gt;</p><p>  &lt;/div&gt;</p><p>  &lt;div style="color:purple;"&gt;</p><p>  &lt;h1&gt;4943&lt;/h1&gt;</p><p>  &lt;p&gt;following&lt;/p&gt;</p><p>  &lt;/div&gt;</p><p>  &lt;div style="color:deeppink"&gt;</p><p>   &lt;h1&gt;25188&lt;/h1&gt;</p><p>   &lt;p&gt;Lavel Genius&lt;/p&gt;</p><p>  &lt;/div&gt;</p><p>&lt;/div&gt;</p><p>&lt;div class="btn-group" &gt;</p><p>&lt;a href=" https://brainly.in/question/14532985?utm_source=android&amp;utm_medium=share&amp;utm_campaign=question  " class="btn1" &gt;See Answer&lt;/a&gt;</p><p>&lt;a href=" https://brainly.in/question/18555738?utm_source=android&amp;utm_medium=share&amp;utm_campaign=question   " class="btn2" &gt;See Heart&lt;/a&gt;</p><p>&lt;/div&gt;</p><p>&lt;div class="about" &gt;</p><p>&lt;h2&gt;About&lt;/h2&gt;</p><p>&lt;p&gt;</p><p>unique boy</p><p>&lt;br&gt;</p><p>&lt;br&gt;</p><p>&lt;br&gt;</p><p>&lt;r style="color:gray"&gt;credits:-</p><p>&amp;copy MrSteveAustiN a.k.a RJ&lt;/r&gt;</p><p>&lt;/p&gt;</p><p>&lt;/div&gt;</p><p>&lt;!---mraustin---&gt;</p><p>&lt;footer&gt;</p><p>&lt;p&gt;follow on Instagram&lt;/p&gt;</p><p>&lt;a href="https://instagram.com/_atharva_258691?gshid=f3u8fmiq32qy" &gt;&lt;i class="fa fa-instagram" &gt;&lt;/i&gt;&lt;/a&gt;</p><p>&lt;a href="https://instagram.com/_atharva_258691?gshid=f3u8fmiq32qy" &gt;&lt;i class="fa fa-instagram" &gt;&lt;/i&gt;&lt;/a&gt;</p><p>&lt;a href="https://instagram.com/_atharva_258691?gshid=f3u8fmiq32qy" &gt;&lt;i class="fa fa-instagram" &gt;&lt;/i&gt;&lt;/a&gt;</p><p>&lt;a href="https://instagram.com/_atharva_258691?gshid=f3u8fmiq32qy" &gt;&lt;i class="fa fa-instagram" &gt;&lt;/i&gt;&lt;/a&gt;</p><p>&lt;/footer&gt;</p><p>&lt;/main&gt;</p><p>&lt;/body&gt;</p><p>&lt;/html&gt;</p><p></p><p></p><p></p><p>

Similar questions