website with custom carousel

웹 사이트-고객이 있습니다

내가 만든 첫 번째 웹 사이트 (세 번째이자 마지막 경력 변경). 나는 HTML 및 CSS 템플릿에서 시작하여 결국 90%를 다시 worte했습니다.

홈페이지는 간단합니다 (첫 번째 빌드를 위해 시간이 걸렸습니다. 올바른 스타일, 위치 및 기능을 보장하는 데 시간이 많이 걸리는 것이 좋습니다. 훌륭한 학습 경험). 검색 창이 완전히 작동하지 않습니다. 지금은 드롭 다운처럼 작용합니다.

세부 페이지에는 내가 만든 동적 회전 목마가 있습니다. 회전 목마의 카드 수는 TeamData를 업데이트하여 변경할 수 있습니다. 그 너비는 창의 크기에 따라 변경되며 왼쪽/오른쪽 화살표는 회전식이 해당 방향으로 미끄러질 때 나타납니다.

사용자 정의 회전 목마로 웹 페이지에 도달하는 방법 :

1. Detial.html 또는 Index.html에서 직접 이동 ...
2. 검색 창에 "ux d"를 입력하십시오
3. 드롭 다운 목록에서 "UX Designer"를 클릭하십시오
4. 내 사용자 정의 회전 목마는 헤더 바로 아래에 있습니다

다음 단계 :

• Main.js에서 회전 목마 섹션을 별도로 분리하고 Carousel.js를 만듭니다. (완료)
• 완료 초기 경력 경로지도 (완료)
• 검색 목록에서 반복 타이틀을 제거하십시오 (완료)
• 검색 창에 "x"추가 (완료)
• 검색 목록 결과를 창 하단으로 제한하고 스크롤 막대를 추가하십시오 (완료)
• 커리어 경로 맵을 개선하여 왼쪽 측면 도트가 표시되도록 (완료; 2 대신 3 개의 열을 사용하도록 구조 조정)
• Word는 경로지도에서 제목을 랩핑합니다 (낮음)
• SVG의 작동 방식을 파악하고 검은 색이 아닌 다른 색상을 변경하십시오 (완료)
• 모든 "li"태그는 하드 코드 대신 JS 구동 (완료)을 굴절시킵니다.
• 별도의 파일의 데이터 목록; 다른 목록을 작성하는 대신 SMAE 소스의 소스 검색 목록 (완료)
• 검색 상자 코드 및 CSS 재 방문하여 더 많은 구성 요소가 될 수 있습니다 (70%진행 중)
• 모두 react.js로 변환하여 구성 요소를 변환하십시오

방문해 주셔서 감사합니다.

기술:

일반 JavaScript, HTML, CSS