From 9e616fc7b25fdc137c1cbe1ee787dce00d49345b Mon Sep 17 00:00:00 2001 From: N0H3dy Date: Tue, 24 Jan 2023 22:57:29 -0500 Subject: [PATCH] Started basic layout of home page --- Frontend/images/Logo.png | Bin 0 -> 5254 bytes Frontend/images/menu.png | Bin 0 -> 457 bytes Frontend/index.html | 30 ++++++++++++ Frontend/styles.css | 98 +++++++++++++++++++++++++++++++++++++++ 4 files changed, 128 insertions(+) create mode 100644 Frontend/images/Logo.png create mode 100644 Frontend/images/menu.png diff --git a/Frontend/images/Logo.png b/Frontend/images/Logo.png new file mode 100644 index 0000000000000000000000000000000000000000..450b2c709209604d53614905d1b49b9cad58f43a GIT binary patch literal 5254 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 literal 0 HcmV?d00001 diff --git a/Frontend/images/menu.png b/Frontend/images/menu.png new file mode 100644 index 0000000000000000000000000000000000000000..fc55837b419b32ce55ae4a8d6c06cf7feb915b79 GIT binary patch literal 457 zcmeAS@N?(olHy`uVBq!ia0vp^?m%q9!3HF6u&EXRDaPU;cPEB*=VV?2+0C9Vjv*PW zZ*P9gZE_G{D_HlE!N~C?TVI2)hx!HHTYd`CFF5i7b{#BjwrVVCI>hqjw~&zU9{V$b zFDq;GD;@cF?EZeb^JL<#b+c7HKXvI$D1I_!vD-(npLso*JOy4gHx)$H8M)`M7WQSF z_Ivy53ipyDFONJFiLhDl^LV9K@BJe;Pd{{e(9QqE-Q@kR;B1-szs?8SZqeA|w9i-6 zq14-fNoYa?i;4mxrw5cNu&3c6&&FV@!-<_|CK$RjE7@&K4CU8st3F|A^}|6(V_OAd zz|&}v!V2SX-=2#M>R)wpxbo%a)z-(|NqD|5^UT5L{ow+~tL|3Hn{SOUZ7%S-BKi1L zqHp$+@;U#fK7Wz=?rv~|`L!8*_sc)8K(iX+ia^c}TX~AQ|G4(ay7NS^aCe=Yn%r%1 z?6fn>Be_pn4V|prlR1y;9++BOFkfox)jq3RQ=0{s@A`BrI!^46%$=`a`BPt41l-%S k(($>BaryaI|D*piIE5Z(Ixcm#9vC+ap00i_>zopr00n`-3;+NC literal 0 HcmV?d00001 diff --git a/Frontend/index.html b/Frontend/index.html index e69de29..407202e 100644 --- a/Frontend/index.html +++ b/Frontend/index.html @@ -0,0 +1,30 @@ + + + + Transcript Editor + + + +
+ + +
+

Revolutionizing
Video Editing

+

Using the latest AI technology we provide a new and improved way to edit your videos.

+ Upload your video + + +
+
+ + \ No newline at end of file diff --git a/Frontend/styles.css b/Frontend/styles.css index e69de29..8e1ef1f 100644 --- a/Frontend/styles.css +++ b/Frontend/styles.css @@ -0,0 +1,98 @@ +body { + margin: 0; + padding: 0; + font-family: 'poppins', sans-serif; + box-sizing: border-box; + +} + +.hero { + background: #1d2026; + min-height: 100vh; + width: 100%; + color: #fff; + position: relative; + +} + +nav{ + display: flex; + align-items: center; + padding: 20px 8%; +} + +nav .menu-img { + width: 25px; + margin-right: 20px; + cursor: pointer; +} + +nav .logo { + width: 160px; + cursor: pointer; + +} + +nav ul{ + flex: 1; + text-align: right; + +} + +nav ul li{ + display: inline-block; + list-style: none; + margin: 0 20px; +} + +nav ul li a{ + text-decoration: none; + color: white; +} + +button{ + background: #efefef; + height: 30px; + width: 60px; + border-radius: 20px; + border: 0; + outline: 0; + cursor: pointer; +} + +button span { + display: block; + background: #999; + height: 26px; + width: 26px; + border-radius: 50%; + margin-left: 2px; + +} + +.text-container{ + max-width: 600px; + margin-top: 7%; + margin-left: 50%; +} + +.text-container h1{ + font-size: 80px; + font-weight: 400; +} + +.text-container p{ + font-size: 25px; +} + +.text-container a{ + text-decoration: none; + background: #00986f; + padding: 10px 40px; + display: inline-block; + color: #fff; + font-size: 18px; + margin-top: 30px; + border-radius: 30px; + +}