diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000..917fe75 Binary files /dev/null and b/.DS_Store differ diff --git a/css/styles.css b/css/styles.css index fd04f6e..fdf2064 100644 --- a/css/styles.css +++ b/css/styles.css @@ -1,130 +1,44 @@ -@import url('https://fonts.googleapis.com/css2?family=Sora:wght@200;400;500&display=swap'); - -/* Reset some default styles */ -body, h1, h2, h3, p, ul, li { - margin: 0; - padding: 0; -} - -a { - text-decoration: none; - color: inherit; -} - * { - box-sizing: border-box; + box-sizing: content-box; + margin: 0; + padding: 0; } - -/* Add some styles for body*/ body { - min-height: 100vh; - max-width: 1280px; - margin: 0 auto; - background: #020617; - color: #cbd5e1; - font-family: 'Sora', sans-serif; - line-height: 1.5; - background-image: radial-gradient(#0f172a 1px,transparent 0),radial-gradient(#0f172a 1px,transparent 0); - background-position: 0 0,25px 25px; - background-attachment: fixed; - background-size: 50px 50px; - overflow-x: hidden; - padding: 4rem; - display: flex; - justify-content: space-between; - flex-direction: column; -} - -header { - display: flex; - justify-content: space-between; - -} - -.get-started { - padding: 1rem 2rem; - border: 0.5px solid #1e293b; - background-color: #94a3b817; - border-radius: 2rem; - font-size: 0.875rem; - font-weight: 200; - width: 100%; - text-align: center; -} - -main { - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - row-gap: 0.5rem; - column-gap: 1.5rem; -} - -.title { - position: relative; - text-align: center; -} - -.title::after { - content: ""; - background: url('../images/blur-bg.svg'); - background-size: contain; - background-repeat: no-repeat; - position: absolute; - bottom: -130px; - right: -75px; - width: 500px; - height: 250px; - opacity: 0.5; -} - -.logo { - display: none; -} - - -.link-card { - padding: 1rem; - border: 0.5px solid transparent; - transition: all ease-in-out 50ms; - cursor: pointer; -} - -.link-card:hover { - border: 0.5px solid #1e293b; - background-color: #94a3b817; - border-radius: 8px; -} - -.link-title { - font-size: 1.125rem; -} - -.link-description { - font-size: 0.875rem; - font-weight: 200; - margin-top: 0.5rem; - color: #94a3b8; + min-height: 100vh; + display: flex; + justify-content: center; + align-items: center; +} +.box { + background-color: rgb(255, 255, 255); + box-shadow: 0px 30px 100px 0px rgba(17, 23, 41, 0.05); + padding: 20px; + max-width: 500px; + border-radius: 20px; + display: flex; + gap: 20px; + flex-direction: column; +} +.box-image { + border-radius: 20px; + height: 400px; + width: 500px; +} +.tags { + display: flex; + gap: 20px; +} +.tag { + background-color: aqua; + border-radius: 10px; + font-size: 20px; + padding: 3px 10px; +} +.box-heading { + font-size: 50px; +} +.box-footer { + border-top: 1px solid black; + padding-top: 20px; + color: gray; } - -@media screen and (min-width: 720px) { - .logo { - display: initial; - } - - .get-started { - width: auto; - } - - main { - flex-direction: row; - } - - footer { - display: grid; - grid-template-columns: repeat(4, 1fr); - gap: 1rem; - } - - } \ No newline at end of file diff --git a/images/322650558_1355523621868074_6910691599917205253_n.jpg b/images/322650558_1355523621868074_6910691599917205253_n.jpg new file mode 100644 index 0000000..fb6043b Binary files /dev/null and b/images/322650558_1355523621868074_6910691599917205253_n.jpg differ diff --git a/images/blur-bg.svg b/images/blur-bg.svg deleted file mode 100644 index 48aea88..0000000 --- a/images/blur-bg.svg +++ /dev/null @@ -1,14 +0,0 @@ - - - - - - - - - - - - - - diff --git a/images/devchallenges-logo.svg b/images/devchallenges-logo.svg deleted file mode 100644 index 0841fad..0000000 --- a/images/devchallenges-logo.svg +++ /dev/null @@ -1,24 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/images/favicon.ico b/images/favicon.ico deleted file mode 100644 index aaf5594..0000000 Binary files a/images/favicon.ico and /dev/null differ diff --git a/images/logo.svg b/images/logo.svg deleted file mode 100644 index 60da334..0000000 --- a/images/logo.svg +++ /dev/null @@ -1,20 +0,0 @@ - - - - - - - - - - - - - - - - - - - - diff --git a/index.html b/index.html index 7652412..6e92f07 100644 --- a/index.html +++ b/index.html @@ -1,46 +1,28 @@ - - - - + + + + Responsive Web Developer Starter - devchallenges.io - - - -
-
Get started by editting index.html
- -
- -
- A beautiful landscape -

Responsive Web Developer Starter

-
- - - + + + +
+ +
+
design
+
design
+
+
Heading
+
+ Lorem ipsum, dolor sit amet consectetur adipisicing elit. Eligendi eos consectetur excepturi + similique necessitatibus nostrum deserunt, molestiae dolor saepe, iusto eaque dolorem + reprehenderit ipsum omnis explicabo corporis, iste placeat sapiente! +
+
+
Rahul Pairhar
+
- - \ No newline at end of file + +