;

import React from "react";
import "./style.css";

export const LogInCard = () => {
  return (
    <div className="log-in-card">
      <div className="welcome-to-course">
        <span className="text-wrapper">Welcome to </span>
        <span className="span">Course Connect</span>
      </div>
      <div className="div">Sign in</div>
      <div className="email-address-input">
        <div className="text-wrapper-2">Enter email address</div>
        <div className="overlap-group-wrapper">
          <div className="overlap-group">
            <div className="text-wrapper-3">Email address</div>
          </div>
        </div>
      </div>
      <div className="password-input">
        <div className="text-wrapper-2">Enter password</div>
        <div className="overlap-group-wrapper">
          <div className="overlap-group">
            <div className="text-wrapper-3">Password</div>
          </div>
        </div>
      </div>
      <div className="text-wrapper-4">Forgot Password</div>
      <div className="sign-in-button">
        <div className="overlap">
          <div className="text-wrapper-5">Sign in</div>
        </div>
      </div>
    </div>
  );
};