├── README.md ├── index.html └── style.css /README.md: -------------------------------------------------------------------------------- 1 | # Student-Portfolio 2 | https://samridhi171.github.io/Student-Portfolio/ 3 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | PORTFOLIO 7 | 8 | 9 | 10 | 11 | 12 |

13 |
14 |
15 |

Portfolio

16 |
17 |
18 | 26 |
27 |
28 |
29 |

HELLO!

30 |
31 |

This is

32 |
33 |
34 |

Samridhi Mukhopadhyay

35 |
36 |
37 |

First Year Student from IIIT Kalyani

38 |
39 |
40 |
41 |
42 |
43 |
44 |

45 | 46 |

47 |
48 |
49 |

About Me

50 |
51 |
52 | 64 |

65 | 66 | 67 | 68 | 69 | 70 |

71 |
72 |
73 |

Contact Me

74 | 75 |

76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 |

92 | 93 |

94 | 95 | 96 | 97 | 98 | 99 | -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | *{ 2 | margin:0; 3 | padding:0; 4 | font-family: Arial, Helvetica, sans-serif; 5 | } 6 | 7 | .intro 8 | { 9 | position:relative; 10 | width:100%; 11 | height:100%; 12 | display: inline-block; 13 | background-image:url("https://i.pinimg.com/564x/c3/b3/d8/c3b3d871ff8bbd8c7525ae4ea5be3844.jpg"); 14 | 15 | img{ 16 | border-radius:50%; 17 | } 18 | 19 | 20 | } 21 | h1{ 22 | font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; 23 | font-style: italic; 24 | text-decoration-line: underline; 25 | color:darkred; 26 | } 27 | 28 | h2{ 29 | font-style: italic; 30 | font-family:Georgia, 'Times New Roman', Times, serif; 31 | color:firebrick; 32 | } 33 | 34 | 35 | nav 36 | { 37 | display:flex; 38 | width:84%; 39 | 40 | margin-right: 20px ; 41 | padding:30px 0; 42 | align-items: center; 43 | justify-content:space-between; 44 | } 45 | 46 | nav ul li 47 | { 48 | display: inline-block; 49 | margin:10px 20px; 50 | } 51 | 52 | nav ul li a 53 | { 54 | color:midnightblue; 55 | font-weight: bold; 56 | } 57 | 58 | nav ul li a:hover{ 59 | color:deeppink 60 | } 61 | 62 | .about 63 | { 64 | position:relative; 65 | width:100%; 66 | height:100%; 67 | display: inline-block; 68 | background-image:url("https://i.pinimg.com/564x/f4/b4/79/f4b479092bd0e650547aa7a03ffbbec5.jpg"); 69 | font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; 70 | } 71 | 72 | 73 | .banner-card{ 74 | position: relative; 75 | } 76 | 77 | .banner-card img{ 78 | max-width: 100%; 79 | height: auto; 80 | } 81 | 82 | .banner-text 83 | { 84 | position:absolute; 85 | top:40%; 86 | padding:30px 87 | } 88 | 89 | 90 | *{ 91 | margin: 0; 92 | padding: 0; 93 | box-sizing: border-box; 94 | font-family:'Popins',sans-serif; 95 | } 96 | 97 | .Contact{ 98 | position:relative; 99 | width:100%; 100 | height:100%; 101 | display: inline-block; 102 | background-image:url("https://i.pinimg.com/236x/41/d5/ad/41d5adf552a9d332885bda0560d9fa20.jpg"); 103 | } 104 | 105 | .icon{ 106 | color:mediumvioletred; 107 | transition: color 0.2s; 108 | text-decoration:none; 109 | margin: 0 200px; 110 | font-size: 50px; 111 | } 112 | 113 | .icon:hover{ 114 | color:blue; 115 | } 116 | 117 | .para{ 118 | font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 119 | color:deeppink; 120 | } 121 | 122 | .More{ 123 | position:relative; 124 | width:100%; 125 | height:100%; 126 | display: inline-block; 127 | background-image:url("data:image/jpeg;base64,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"); 128 | background-position: center; 129 | background-repeat: no-repeat; 130 | background-size: cover; 131 | } 132 | 133 | .pfp{ 134 | border-radius: 70%; 135 | width: 20%; 136 | height:20%; 137 | } --------------------------------------------------------------------------------