diff --git a/Hackathon.css b/Hackathon.css new file mode 100644 index 0000000..d7a8714 --- /dev/null +++ b/Hackathon.css @@ -0,0 +1,114 @@ +*{ + margin: 0; + padding: 0; + font: sans-serif; + box-sizing: border-box; +} +.Container{ + background-image: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)),url("black.jpg"); +} +body{ + background: white; + background-size: cover; +} +header{ + position: fixed; + top: 0; + left: 0; + width: 100%; + display: flex; + justify-content: space-between; + align-items: center; + transition: 0.6s; + padding: 40px 100px; + background-color: rgb(0, 132, 255); + +} +header .logo{ + position: relative; + font-weight: 700; + color: black; + text-decoration: none; + font-size: 2em; + text-transform: uppercase; + letter-spacing: 2px; + transition: 0.6s; + border-radius: 15px; + border: 2px solid none; + padding: 5px; +} +header ul{ + position: relative; + display: flex; + justify-content: center; + align-items: center; +} +header ul li{ + position: relative; + list-style: none; +} +header ul li a{ + position: relative; + margin: 0 15px; + text-decoration: none; + color: black; + letter-spacing: 2px; + font-weight: 500px; + transition: 0.6s; + border-radius: 15px; + padding: 5px; + font-size: 1.1em; +} +.logo:hover{ + background-color: whitesmoke; + border: + +} +header ul li a:hover{ + background-color: whitesmoke; +} +/* Float four columns side by side */ +.column { + justify-content: center; + align-items: center; + width: 25%; + padding: 100px 30px; + margin-top: 10%; + } + + /* Remove extra left and right margins, due to padding in columns */ + .row + { + margin: 0 -5px; + justify-content: center; + align-items: center; + display: flex; + } + + + /* Clear floats after the columns */ + .row:after { + content: ""; + display: table; + clear: both; + } + + /* Style the counter cards */ + .card { + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); /* this adds the "card" effect */ + padding: 16px; + text-align: center; + background-color: #f1f1f1; + } + img { + width: 100%; + } + + /* Responsive columns - one column layout (vertical) on small screens */ + @media screen and (max-width: 600px) { + .column { + width: 100%; + display: block; + margin-bottom: 20px; + } + } \ No newline at end of file diff --git a/Hackathon.html b/Hackathon.html new file mode 100644 index 0000000..f0bdc41 --- /dev/null +++ b/Hackathon.html @@ -0,0 +1,39 @@ + + + + + + + Hackathon + + +
+ + +
+
+
+
+ +

Programming Languages

+ +
+
+
+
+ +

Data Structure and Algorithm

+
+
+
+
+ +

Artificial Intelligence

+
+
+ + \ No newline at end of file diff --git a/rishabh14300 b/rishabh14300 new file mode 100644 index 0000000..31c84ea --- /dev/null +++ b/rishabh14300 @@ -0,0 +1,2 @@ +Hi I am Rishabh Bhadani. +I love WEB DEVELOPMENT.